.fadeIn {
    left: -9999px;
    opacity: 0;
    -webkit-transition: opaicty .2s ease;
    transition: opaicty .2s ease
}

.fadeIn.active {
    opacity: 1;
    left: 0
}

.dontoverflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body, div, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, p, textarea, a, span, input {
    margin: 0;
    padding: 0
}

img {
    display: block;
    border: 0
}

a {
    text-decoration: none;
    color: #3c3c3c
}

a:hover {
    text-decoration: none;
    color: #f40
}

ul, ol {
    list-style: none
}

input, button {
    border: 0
}

body {
    color: #1e1e1e;
    font: 12px 'Microsoft YaHei', 'Hiragino Sans GB', Arial, sans-serif;
    min-width: 980px
}

[class^="control-btn-"] span, [class*=" control-btn-"] span {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    color: #fff;
    vertical-align: middle;
    text-align: center
}

[class^="control-btn-"], [class*="control-btn-"] {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    -moz-user-select: none;
    height: 26px;
    line-height: 26px;
    width: 100%;
    color: #424242;
    outline: none
}

.footer .partner {
    font-size: 12px
}

.wrong {
    border: 1px solid #f66495 !important
}

.ys-a {
    background: #f5f5f5 !important;
    border-color: #eee;
    color: #aaa !important;
    background-color: #f9f9f9 !important;
    cursor: default
}

.ys-a:hover {
    background: #f5f5f5 !important;
    border-color: #eee;
    color: #aaa !important;
    background-color: #f9f9f9 !important;
    cursor: default
}

.new_phone .ys-a:hover {
    color: #aaa !important;
    cursor: default
}

.ys-b {
    background-color: #f9f9f9 !important;
    color: #ccc !important;
    cursor: default !important
}

.top {
    background: url(../img/rl_top2.jpg);
    width: 980px;
    height: 106px;
    margin: 0 auto
}

.top_bg {
    width: 100%;
    height: 106px;
    background: url(../img/rl_topbg.png) repeat-x
}

.zcdl_content {
    width: 980px;
    margin: 0 auto
}

.reg-title {
    width: 100%;
    height: 50px;
    float: left;
    margin-top: -30px
}

.title4 {
    background: url(../img/t4.png) top center no-repeat
}

.line {
    width: 100%;
    height: 2px;
    background-color: #f1f1f1;
    margin-top: 28px
}

.left_box {
    margin-top: 60px;
    line-height: 30px;
    width: 720px
}

.left_box span {
    font-size: 14px;
    width: 636px
}

.identity {
    font-size: 18px;
    font-weight: bold
}

.identity span {
    font-size: 32px
}

.zi {
    color: #aaa
}

.yes_no {
    width: 200px;
    height: 100px;
    margin-top: 30px;
    line-height: 40px
}

.yes_no img {
    margin-right: 10px
}

.yes_no span {
    font-size: 16px;
    font-weight: bold
}

.red {
    color: #f00
}

.pink {
    font-size: 23px;
    margin: 0 auto;
    width: 315px;
    height: 60px;
    line-height: 60px;
    color: #ef618f;
    font-weight: bold;
    margin-top: 40px
}

.pink span {
    font-size: 32px
}

.need_phone {
    width: 600px;
    height: 142px;
    background: url(../img/lvup_needmobie.png);
    margin-top: 50px
}

.need_phone a {
    float: right;
    margin-top: 80px;
    margin-right: 190px;
    font-size: 13px;
    color: #2b98ce
}

.right_box {
    float: right;
    margin-top: -500px
}

.member-feature-sheet {
    border-collapse: collapse
}

.right_box td, th {
    border: #cecece solid 1px;
    height: 25px;
    padding: 0 35px;
    text-align: center;
    font-size: 12px
}

.right_box th {
    font-weight: bold;
    background: #f5f5f5
}

.yes-icon {
    background: url(../img/o.gif);
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 auto
}

.right_box td {
    color: #2b98ce
}

.no-icon {
    background: url(../img/x.gif);
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 auto
}

.step {
    width: 810px;
    height: 38px;
    float: left;
    margin-left: 130px;
    margin-top: -20px
}

.step_box {
    width: 130px;
    height: 35px;
    margin: 0 35px 0 35px;
    float: left;
    background: #f1f1f1;
    line-height: 35px;
    text-align: center
}

.center_div {
    width: 415px;
    height: 42px;
    margin: 0 auto;
    line-height: 42px;
    text-align: center;
    border-radius: 3px
}

.now_phone {
    background: #f1f1f1;
    margin-top: 60px
}

.new_phone {
    margin-top: 40px;
    position: relative
}

select {
    padding: 10px 0;
    height: 40px;
    width: 91px;
    float: left;
    border: 1px solid #dfdfdf;
    border-radius: 3px
}

#new_phone {
    padding: 9px 0;
    height: 20px;
    width: 305px;
    float: left;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    padding-left: 10px;
    color: #a5a5a5;
    margin-left: 6px
}

.next_step {
    background: #00a0da;
    margin-top: 40px;
    color: #fff;
    cursor: pointer;
    margin-left: 284px;
    font-size: 14px
}

.mg {
    margin-left: 0
}

.this_step {
    background: #01a0d8;
    color: #fff
}

#yzm {
    width: 395px;
    float: left;
    border-radius: 3px;
    color: #a5a5a5;
    padding: 10px;
    border: none
}

.yzm {
    height: 40px;
    width: 415px;
    border: 1px solid #dfdfdf;
    position: relative
}

.yzm img {
    float: right;
    margin: -28px 90px 0 0
}

.yzm_buttom {
    width: 130px;
    height: 38px;
    border-radius: 3px;
    background: #ddd;
    float: right;
    margin: -36px 1px 0 0;
    line-height: 38px;
    text-align: center;
    font-size: 12px;
    position: relative
}

.yzm_buttom_a a {
    text-decoration: none;
    background: #00a1d6;
    color: #fff
}

.yzm_buttom_a a:hover {
    background: #00b5e5;
    color: #fff
}

.yzm_x {
    text-align: left;
    float: left;
    margin-top: -30px;
    margin-left: 717px;
    color: #f45d90;
    font-size: 12px
}

.check {
    width: 19px;
    height: 19px;
    background: url(../img/right_s.png) no-repeat;
    position: absolute;
    right: 141px;
    top: 12px
}

.center_title img {
    margin: 0 auto
}

.mar_t_80 {
    margin-top: 80px
}

.mar_t_60 {
    margin-top: 60px
}

.mar_t_120 {
    margin-top: 20px;
    margin-right: 288px
}

.mar_t_0 {
    margin-top: 0;
    margin-right: 288px
}

.title3 {
    background: url(../img/t3.png) top center no-repeat
}

.title1 {
    background: url(../img/t1.png) top center no-repeat
}

.center_title {
    width: 100%;
    text-align: center;
    margin-top: 40px
}

.o1_x {
    float: right;
    margin: -32px 48px 0 0;
    color: #f45d90;
    line-height: 20px;
    width: 220px;
    text-align: left;
    font-size: 12px
}

.blue {
    color: #00a3d5;
    margin-right: 290px;
    text-decoration: none;
    padding: 14px 0;
    font-size: 12px;
    float: right
}

.sj {
    position: absolute;
    right: 320px;
    top: 689px
}

.mar_r_160 {
    width: 400px
}

.mar_t_69 {
    margin-top: -69px
}

.mar_t_56 {
    margin-top: -29px
}

.mar_l_340 {
    margin-left: 291px;
    margin-top: 13px;
    margin-bottom: 10px
}

.mar_r_332 {
    margin-right: 288px
}

.user_id_password {
    height: 20px;
    width: 395px;
    float: left;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    padding: 10px;
    color: #a5a5a5
}

label {
    float: left;
    font-size: 12px
}

label a {
    color: #35a3d6;
    text-decoration: none
}

.pos_re {
    position: relative
}

.phone_yzm_box {
    width: 408px;
    height: 42px;
    margin: 0 auto;
    margin-top: 40px
}

.phone_yzm {
    height: 20px;
    width: 230px;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    float: left;
    padding: 10px;
    color: #a5a5a5;
    margin-right: 8px
}

.phone_yzm_img {
    width: 19px;
    height: 19px;
    background: url(../img/right_s.png) no-repeat;
    position: absolute;
    right: 162px;
    top: 12px
}

.yzm_img {
    width: 150px;
    height: 40px;
    background: #e7e7e7;
    float: right;
    margin-top: 1px
}

.phone_window {
    width: 386px;
    height: 20px;
    background: #f1f1f1;
    border-radius: 3px;
    position: absolute;
    top: -5px;
    left: 335px;
    line-height: 20px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    display: none
}

.safe_window {
    width: 386px;
    height: 13px;
    border-radius: 3px;
    position: absolute;
    top: 85px;
    left: 285px;
    line-height: 20px;
    padding: 10px;
    font-weight: bold;
    display: none;
    font-size: 15px
}

.safe_window_email {
    margin-top: -141px;
    margin-left: 290px;
    padding: 10px 0;
    color: #45484d;
    font-size: 15px;
    font-weight: bold
}

.safe_window_email p, .safe_window_email a_pw {
    float: left
}

.safe_window span {
    font-size: 12px;
    margin-left: 5px
}

.safe_window p {
    float: left;
    margin-left: -12px
}

.safe_line {
    width: 30px;
    height: 5px;
    border-radius: 5px;
    float: left;
    margin-right: 10px;
    margin-left: 15px;
    margin-top: 7px
}

.a_pw {
    color: #49c519
}

.b_pw {
    color: #b5dc05
}

.c_pw {
    color: #ffd800
}

.d_pw {
    color: #ff9537
}

.e_pw {
    color: #bc0001
}

.bc0001 {
    background: #f00
}

.ff9537 {
    background: #ff7f00
}

.ffd800 {
    background: #f0f028
}

.b5dc05 {
    background: #7ade18
}

.c519 {
    background: #49c519
}

.e7e7e7 {
    background: #e7e7e7
}

.disp_block {
    display: block
}

.mar_b_40px {
    margin-bottom: 40px
}

.y_x {
    width: 24px;
    height: 40px;
    background: url(../img/lvup_pic.png) 0 8px no-repeat;
    float: left;
    margin-right: 15px
}

.x_y {
    width: 24px;
    height: 40px;
    background: url(../img/lvup_pic.png) 0 -34px no-repeat;
    float: left;
    margin-right: 15px
}

.mar_t_5 {
    margin-top: -5px
}

.welcome_code {
    width: 260px;
    height: 90px;
    border-radius: 10px;
    border: 2px solid #00a8cf;
    margin-right: 60px;
    padding: 15px;
    float: left;
    margin-top: 40px
}

.welcome_code h2 {
    color: #2b98ce
}

.welcome_code p {
    font-size: 14px
}

.welcome_code input {
    border: 1px solid #aaa;
    color: #aaa;
    padding: 5px;
    height: 15px
}

.welcome_code .icon {
    width: 54px;
    height: 54px;
    background: url(../img/Icons.png) 0 -63px no-repeat;
    float: right;
    margin-top: -10px
}

.mar_t_465 {
    margin-top: -465px
}

.header {
    width: 980px;
    margin: 0 auto;
    position: relative
}

.header .lin {
    width: 100%;
    height: 25px;
    border-bottom: 2px solid #ddd
}

.header .tit {
    width: 120px;
    height: 47px;
    margin: 0 auto;
    position: relative
}

.content-bd {
    position: relative;
    overflow: hidden
}

.content-l {
    width: 480px;
    float: left;
    line-height: 1;
    margin-top: 50px;
    text-align: center;
    position: relative
}

.content-l .inner {
    margin: 0 30px;
    padding: 30px
}

.content-l .bg {
    position: absolute;
    left: -5px;
    bottom: -40px
}

.content-l .qrcode {
    width: 140px;
    height: 140px;
    margin: 10px auto
}

.content-l .qr-title {
    color: #222;
    font-size: 18px;
    letter-spacing: 3px;
    margin-bottom: 8px
}

.content-l .qr-text {
    font-size: 14px;
    position: relative;
    z-index: 9
}

.content-l #tv {
    background: url('../img/tv.gif') 0 0 no-repeat;
    width: 70px;
    height: 70px;
    position: absolute;
    top: -20px;
    left: 163px;
    z-index: 9
}

.content-l #qr-tips {
    background: #fff;
    display: none;
    position: absolute;
    top: 0;
    left: 152px;
    z-index: 2
}

.content-l[status='expired'] #qr-reload {
    display: block
}

#app-link {
    font-size: 12px
}

#login-qrcode {
    background: url('../img/loadTV.gif') center no-repeat
}

#qr-reload {
    background: rgba(255, 255, 255, 0.8);
    color: #0594c7;
    display: none;
    font-size: 12px;
    position: absolute;
    top: 40px;
    left: 170px;
    width: 140px;
    height: 140px;
    z-index: 3
}

#qr-reload .reload-btn {
    background: url('../img/qr-refresh.png') 8px 3px no-repeat #fff;
    border-radius: 3px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    margin: 40px auto;
    width: 60px;
    padding: 43px 0 5px
}

#qr-reload .qr-title {
    background: #fff;
    position: absolute;
    top: 145px;
    left: -5px;
    padding: 5px;
    width: 140px
}

#download-app {
    background: #fff;
    display: none;
    padding: 20px 0;
    position: absolute;
    top: 10px;
    left: 166px;
    z-index: 4
}

#app-qrcode {
    background: url('../img/qrcode-app.png') center
}

.content-bd .line {
    float: left;
    width: 1px;
    height: 240px;
    background-color: #ddd;
    margin: 0 auto;
    position: absolute;
    margin-left: 50%;
    top: 50px
}

.content-r {
    float: right;
    position: relative;
    margin-right: 42px;
    margin-top: 20px
}

.content-r .email {
    padding: 10px 0;
    height: 18px;
    width: 388px;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding-left: 10px;
    color: #aaa;
    font-size: 14px;
    margin-bottom: 30px
}

.content-r span {
    font-size: 12px;
    line-height: 30px;
    color: #f66495;
    display: block
}

.content-r .begin {
    top: 1px
}

.content-r .password {
    padding: 10px 0;
    height: 18px;
    width: 388px;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding-left: 10px;
    color: #aaa;
    font-size: 14px
}

.content-r p {
    position: absolute;
    font-size: 12px;
    color: #00a0d8;
    right: 10px;
    top: 115px
}

.content-r .box {
    position: relative;
    overflow: hidden
}

.content-r .code {
    padding: 10px 0;
    height: 18px;
    width: 170px;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding-left: 10px;
    color: #aaa;
    font-size: 14px;
    position: relative
}

.content-r .sj_yzm {
    width: 19px;
    height: 19px;
    background: url('../img/right_s.png') no-repeat scroll 0 0 transparent;
    position: absolute;
    right: 222px;
    top: 48px
}

.content-r .code i {
    position: absolute;
    width: 19px;
    height: 19px;
    background: url(../img/right_s.png);
    right: 5px;
    top: 10px
}

.content-r .box .yzm {
    width: 110px;
    height: 30px;
    position: absolute;
    left: 190px;
    top: 30px;
    margin-top: 4px
}

.content-r .box .jz {
    display: block;
    margin-top: 8px;
    margin-right: 13px
}

.box label em {
    font-style: normal;
    top: 8px;
    display: block;
    width: 100px;
    left: 20px;
    position: absolute
}

.box label strong {
    color: #bbb;
    font-weight: normal;
    width: 200px;
    display: block;
    top: 0;
    left: 60px;
    position: absolute
}

.content-r .mima {
    position: absolute;
    font-size: 12px;
    color: #00a0d8;
    right: 2px;
    cursor: pointer;
    top: 9px
}

.content-r .mima:hover {
    color: #f40
}

.content-r .box p {
    position: absolute;
    font-size: 12px;
    color: #00a0d8;
    right: 52px;
    top: 31px;
    margin-top: 10px;
    cursor: pointer
}

.content-r .box p:hover {
    color: #f40
}

.content-r .bjy {
    font-size: 12px;
    color: #333;
    display: inline
}

.content-r .login {
    height: 38px;
    width: 184px;
    border: 1px solid #0381aa;
    border-radius: 2px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background-color: #00a7de;
    cursor: pointer;
    margin-top: 10px
}

.content-r .login:hover {
    background: #00bee7
}

.content-r .zhuce {
    color: #555;
    display: inline-block;
    height: 36px;
    width: 184px;
    border: 1px solid #ccc;
    border-radius: 2px;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    margin: 10px 0 0 27px
}

.content-r .zhuce:hover {
    background: #f7f7f7
}

.content-r .way {
    color: #00a0d8;
    font-size: 12px;
    margin-top: 10px
}

.content-r .way li {
    float: left;
    background: url(../img/snsicon.png) no-repeat
}

.content-r .way a {
    color: #00a0d8
}

.content-r .way a:hover {
    color: #f40
}

.content-r .way .weibo {
    height: 21px;
    padding-left: 27px;
    background-position: 0 0;
    padding-top: 3px
}

.content-r .way .qq {
    height: 21px;
    background-position: 0 -41px;
    padding-left: 29px;
    margin-left: 50px;
    padding-top: 3px
}

.content-r .way .none {
    background: none;
    margin-left: 35px;
    padding-top: 3px
}

.hd {
    font-size: 22px;
    color: #222;
    font-family: "微软雅黑";
    text-align: center;
    margin-top: 20px
}

.header .bd li img {
    margin: 30px auto
}

.header .bd .md {
    position: relative
}

.header .bd .yx {
    height: 38px;
    width: 388px;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding-left: 10px;
    color: #aaa;
    font-size: 14px;
    margin: 0 auto;
    position: absolute;
    left: 295px
}

.header .bd .md p {
    display: inline-block;
    position: absolute;
    font-size: 12px;
    color: #f66495;
    left: 717px;
    top: 0;
    line-height: 35px;
    width: 400px;
    text-align: left
}

.bd .ft_mail {
    padding-top: 7px
}

.header .bd .ft .fsyj {
    float: left;
    height: 38px;
    width: 398px;
    border: 1px solid #0381aa;
    border-radius: 2px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background-color: #00a7de;
    margin: 78px 0 0 295px;
    cursor: pointer
}

.header .bd .ft .mail {
    margin-right: 300px
}

.register_mail {
    padding-bottom: 200px !important
}

.header .bd .ft .fsyj2 {
    text-align: center;
    padding: 10px 150px;
    border-radius: 2px;
    background-color: #00a7de;
    color: #fff
}

.header .bd .ft .cx {
    display: block;
    color: #00a0d8;
    font-size: 12px;
    margin-top: 5px;
    position: absolute;
    right: 291px;
    top: 270px
}

.header .bd .ft .cx:hover {
    color: #f40
}

.m-r-10 {
    margin-right: 5px
}

.header .bd .hd span {
    font-size: 15px;
    letter-spacing: 1px;
    font-family: none
}

.header .bd .ft span {
    position: absolute;
    font-size: 12px;
    right: 400px;
    margin-top: 5px;
    top: 270px
}

.header .bd {
    margin-top: 25px;
    text-align: center
}

.header .bd .top-1 {
    position: relative
}

.header .bd .top-1 i {
    position: absolute;
    width: 19px;
    height: 19px;
    background: url(../img/right_s.png) no-repeat;
    top: 2px;
    left: 295px
}

.header .bd .top-1 p {
    text-align: center
}

.header .bd .top-1 span {
    font-size: 12px;
    font-weight: bold
}

.header .bd .bili {
    width: 400px;
    margin: 0 auto;
    font-size: 12px;
    margin-bottom: 15px;
    text-align: left
}

.header .bd .md .bz {
    _line-height: 38px;
    padding: 10px 0;
    height: 18px;
    width: 388px;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding-left: 10px;
    color: #aaa;
    font-size: 14px;
    margin: 0 auto
}

.nc_pwd {
    position: absolute;
    font-size: 12px;
    color: #f66495;
    right: 147px;
    top: 402px;
    line-height: 18px
}

.header .bd .md .nc {
    display: inline-block;
    position: absolute;
    font-size: 12px;
    color: #f66495;
    top: 10px;
    line-height: 18px;
    text-align: left
}

.header .bd .psd {
    _line-height: 38px;
    padding: 10px 0;
    height: 18px;
    width: 388px;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding-left: 10px;
    color: #aaa;
    font-size: 14px;
    margin: 30px auto
}

.header .bd .ft .cjzh {
    height: 38px;
    width: 398px;
    border-radius: 2px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background-color: #00a7de;
    margin: 0 auto;
    cursor: pointer
}

.tit .win {
    position: absolute;
    right: -40px
}

.header .main {
    width: 610px;
    margin: 245px auto;
    text-align: center;
    position: relative
}

.header .main i {
    position: absolute;
    width: 137px;
    height: 143px;
    background: url(../img/2233.png) no-repeat -168px 0;
    top: -45px;
    left: 0
}

.header .main .e {
    position: absolute;
    width: 137px;
    height: 143px;
    background: url(../img/2233.png) no-repeat -337px 0;
    top: -50px;
    right: 0
}

.header .main strong {
    font-weight: bold;
    font-size: 22px;
    font-family: "微软雅黑"
}

.header .main span {
    font-size: 36px
}

.header .main p {
    position: absolute;
    top: 60px;
    left: 140px;
    font-size: 14px
}

.act-content {
    width: 980px;
    margin: 0 auto;
    text-align: center
}

.act-content .act-top {
    overflow: hidden;
    width: 311px;
    margin: 0 auto;
    margin-top: 15px;
    padding-bottom: 30px
}

.act-content .act-top .act-portrait {
    float: left;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 1px solid #e9e9e9;
    background: url(../img/user_unknow.png)
}

.act-content .act-top .act-connect {
    margin: 33px 10px 0;
    float: left;
    width: 107px;
    height: 26px;
    background: url(../img/lg_linkline.png)
}

.act-content .act-top .act-bili {
    float: left;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 1px solid #e9e9e9;
    background: url(../img/lg_blogo.png)
}

.act-content p {
    font-size: 14px;
    margin-left: 345px;
    padding-bottom: 10px;
    text-align: left;
    font-family: "宋体"
}

.act-content .act-number {
    padding-left: 10px;
    width: 295px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 2px;
    box-sizing: border-box;
    color: #aaa;
    margin: 20px auto;
    display: block
}

.act-content .mt {
    margin: 0 auto
}

.act-content .act-login {
    margin: 0 auto;
    height: 38px;
    width: 295px;
    border: 1px solid #0381aa;
    border-radius: 2px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background-color: #00a7de;
    cursor: pointer;
    letter-spacing: 1em
}

.act-content .zc {
    font-size: 14px;
    font-family: "宋体";
    margin-top: 10px;
    margin-left: 65px;
    color: #222 !important
}

.act-content .act-box {
    margin: 0 auto;
    width: 295px;
    margin-top: 6px
}

.act-content .act-box span {
    color: #747575
}

.verify-content {
    width: 400px;
    position: relative;
    margin: 0 auto;
    text-align: center
}

.verify-content .email {
    padding: 10px 0;
    height: 18px;
    width: 388px;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding-left: 10px;
    color: #aaa;
    font-size: 14px;
    margin-bottom: 30px
}

.verify-content span {
    font-size: 12px;
    line-height: 30px;
    color: #f66495;
    display: block;
    float: left
}

.verify-content .password {
    padding: 10px 0;
    height: 18px;
    width: 388px;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding-left: 10px;
    color: #aaa;
    font-size: 14px
}

.verify-content p {
    position: absolute;
    font-size: 12px;
    color: #00a0d8;
    right: 10px;
    top: 115px
}

.verify-content .box {
    position: relative;
    overflow: hidden
}

.verify-content .code {
    padding: 10px 0;
    height: 18px;
    width: 170px;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding-left: 10px;
    color: #aaa;
    font-size: 14px;
    position: relative;
    margin-right: 235px
}

.verify-content .sj_yzm {
    width: 19px;
    height: 19px;
    background: url('../img/right_s.png') no-repeat scroll 0 0 transparent;
    position: absolute;
    right: 222px;
    top: 40px
}

.verify-content .code i {
    position: absolute;
    width: 19px;
    height: 19px;
    background: url(../img/right_s.png);
    right: 5px;
    top: 10px
}

.verify-content .box .yzm {
    width: 110px;
    height: 30px;
    position: absolute;
    left: 190px;
    top: 30px;
    margin-top: 4px
}

.verify-content .box .jz {
    display: block;
    margin-top: 8px;
    margin-right: 13px
}

.verify-content .mima {
    position: absolute;
    font-size: 12px;
    color: #00a0d8;
    right: 2px;
    cursor: pointer;
    top: 9px
}

.verify-content .mima:hover {
    color: #f40
}

.verify-content .box p {
    position: absolute;
    font-size: 12px;
    color: #00a0d8;
    right: 52px;
    top: 31px;
    margin-top: 10px;
    cursor: pointer
}

.verify-content .box p:hover {
    color: #f40
}

.verify-content .bjy {
    font-size: 12px;
    color: #333;
    display: inline
}

.verify-content .login {
    display: block;
    height: 38px;
    width: 398px;
    border: 1px solid #0381aa;
    border-radius: 2px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    background-color: #00a7de;
    cursor: pointer;
    margin: 25px 0 6px 0
}

.verify-content .no-account {
    font-size: 12px;
    color: #00a0d8;
    float: right;
    padding-top: 6px
}

.remind {
    margin: 0 auto;
    width: 500px;
    height: 36px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fcfcfc;
    margin-top: 15px;
    line-height: 36px;
    font-family: "宋体";
    padding-left: 35px;
    position: relative
}

.remind i {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 16px;
    height: 16px;
    background: url(../img/lg_notice.png)
}

.remind span {
    color: #f15c8d;
    padding: 0 5px;
    font-size: 13px;
    font-weight: bold
}

.remind-1 {
    width: 510px;
    height: 160px;
    font-size: 12px;
    padding-top: 10px
}

.retrieve-tab {
    width: 980px
}

.retrieve-line {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #bbb
}

.retrieve-password {
    width: 420px;
    margin: 0 auto
}

.retrieve-mobile, .retrieve-email {
    float: left;
    padding: 14px;
    cursor: pointer;
    background: #fff
}

.retrieve-current {
    border: 1px solid #bbb;
    border-bottom: 1px solid #fff;
    border-radius: 6px 6px 0 0;
    height: 21px
}

.security-top {
    background: url(../img/banner.png);
    width: 980px;
    height: 106px;
    margin: 0 auto;
    position: relative
}

.security-logo {
    width: 112px;
    height: 71px;
    background: url(../img/logo.png) left;
    position: absolute;
    top: 8px
}

.security_content {
    overflow: hidden;
    width: 980px;
    height: 100%;
    margin: 0 auto;
    margin-top: 10px;
    border: 1px solid #e1e2e5;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
    background: #fafafa;
    margin-bottom: 100px;
    border-radius: 4px
}

.security-left {
    float: left;
    width: 150px;
    height: 100%
}

.security-left .sty-head {
    width: 151px;
    height: 140px;
    border-bottom: 1px solid #ddd;
    position: relative
}

.sty-head .head-set {
    width: 64px;
    height: 64px;
    border: 1px solid #ddd;
    border-radius: 3px;
    position: absolute;
    left: 44px;
    top: 38px
}

.sty-head .sty-name {
    width: 150px;
    position: absolute;
    bottom: 15px;
    text-align: center;
    font-size: 12px;
    color: #666;
    font-weight: bold
}

.security-right {
    float: right;
    width: 828px;
    box-sizing: border-box;
    border-left: 1px solid #ddd;
    background: #fff;
    padding-bottom: 100px;
    position: relative;
    min-height: 736px
}

.bg-blue {
    background-color: #00a1d7 !important;
    color: #fff !important
}

.f-list {
    font-size: 0;
    padding-top: 7px
}

.f-list-hover:hover {
    background-color: #e1e4ea !important
}

.security-list .first-level {
    border-bottom: 1px solid #e1e2e5;
    color: #222;
    font-size: 16px;
    padding-left: 32px;
    padding-bottom: 7px;
    display: block;
    height: 44px;
    line-height: 36px
}

.security-list .child-list {
    border-bottom: 1px solid #e1e2e5
}

.security-list .child-list li {
    padding: 0
}

.security-list .child-list li a {
    display: block;
    height: 48px;
    color: #222;
    font-size: 14px;
    line-height: 48px
}

.security-list .child-list li a:hover {
    background-color: #e1e4ea
}

.nbsp {
    width: 28px;
    display: inline-block
}

.security-list .first-level .m-arrow {
    vertical-align: middle;
    display: inline-block;
    background: url(../img/icons_m.png) -26px -731px no-repeat;
    width: 12px;
    height: 12px;
    margin-left: 19px
}

.child-list li a i {
    vertical-align: middle;
    display: inline-block;
    background: url(../img/icons_m.png) 0 0 no-repeat;
    width: 18px;
    height: 36px;
    margin-left: 32px
}

.security-list li a span {
    margin-left: 12px
}

.security-list li a .al-sy {
    background-position: -23px -15px
}

.security-list li a .al-info {
    background-position: -23px -80px
}

.security-list li a .al-tx {
    background-position: -23px -144px
}

.security-list li a .al-mp {
    background-position: -23px -207px
}

.security-list li a .al-aq {
    background-position: -23px -272px
}

.security-list li a .al-coin {
    background-position: -23px -335px
}

.security-list li a .al-jl {
    background-position: -23px -398px
}

.security-list li a .al-rz {
    background-position: -23px -463px
}

.security-list li a .al-dh {
    background-position: -23px -527px
}

.security-list li a .al-zc {
    background-position: -23px -592px
}

.security-list li a .al-sy.check-t {
    background-position: -87px -15px
}

.security-list li a .al-info.check-t {
    background-position: -87px -80px
}

.security-list li a .al-tx.check-t {
    background-position: -87px -144px
}

.security-list li a .al-mp.check-t {
    background-position: -87px -207px
}

.security-list li a .al-aq.check-t {
    background-position: -87px -272px
}

.security-list li a .al-coin.check-t {
    background-position: -87px -335px
}

.security-list li a .al-jl.check-t {
    background-position: -87px -398px
}

.security-list li a .al-rz.check-t {
    background-position: -87px -463px
}

.security-list li a .al-dh.check-t {
    background-position: -87px -527px
}

.security-list li a .al-zc.check-t {
    background-position: -87px -592px
}

.sr-t {
    height: 51px;
    padding-left: 30px;
    border-bottom: 1px solid #ddd
}

.sr-record {
    height: 50px;
    border-bottom: 1px solid #ddd;
    line-height: 50px;
    padding-left: 42px
}

.sr-record a {
    display: inline-block;
    font-size: 14px;
    text-align: center;
    width: 56px;
    position: absolute;
    color: #222
}

.sr-record a:hover {
    color: #00a1d6
}

.sr-record a.r {
    margin-left: 94px
}

.sr-record a.on {
    background: url(../img/goupai/arrow.png) center bottom no-repeat;
    border-bottom: 1px solid #00a1d6;
    color: #00a1d6
}

.sr-t span {
    float: left
}

.tit-b {
    width: 4px;
    height: 16px;
    margin-top: 16px;
    background-color: #00a1d6;
    border-radius: 4px
}

.acc-sec {
    margin: 15px 0 0 5px;
    color: #00a1d6;
    font-size: 14px;
    cursor: default
}

.sr-b {
    padding: 20px 20px 0
}

.sr-b li {
    height: auto;
    margin-bottom: 30px;
    font-size: 12px
}

.sb-info {
    position: relative;
    height: 28px;
    line-height: 28px;
    color: #666;
    clear: both
}

.sb-info .xk {
    position: absolute;
    top: 7px;
    width: 15px;
    height: 15px
}

.sb-info .sure-yz {
    margin-left: 20px
}

.sbi-l, .sbi-m {
    float: left
}

.sbi-l {
    width: 95px;
    text-align: right;
    margin-right: 23px
}

.sbi-m span {
    padding: 0 30px 0 5px
}

.sbi-r {
    color: #aaa
}

.sbi-m input {
    width: 218px;
    height: 26px;
    border: 1px solid #ddd;
    border-radius: 2px;
    line-height: 26px;
    padding-left: 5px;
    margin-right: 10px;
    margin-left: -4px
}

.sbi-r .verification {
    width: 115px;
    height: 28px;
    background-color: #00a0d8;
    border-radius: 2px;
    color: #fff;
    font-weight: bold;
    line-height: 28px;
    font-family: "微软雅黑";
    display: block;
    cursor: pointer
}

.e-drop {
    width: 795px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
    margin-top: 7px;
    position: relative;
    padding: 8px 0;
    color: #808080;
    display: none
}

.arrow-wrap {
    position: absolute;
    left: 60px;
    top: -13px;
    width: 13px;
    height: 7px
}

.arrow-wrap em, .arrow-wrap i {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 6px;
    border-style: dashed dashed solid dashed;
    top: 0;
    left: 0
}

.arrow-wrap em {
    border-color: transparent transparent #ddd transparent
}

.arrow-wrap i {
    border-color: transparent transparent #fff transparent;
    top: 2px;
    z-index: 2
}

.e-info {
    margin-left: 137px
}

.e-info span {
    float: left
}

.e-info .ei-1, .e-info .ei-3 {
    margin-right: 16px
}

.e-info .ei-2 {
    margin-right: 10px
}

.ei-2 input {
    width: 82px;
    height: 26px;
    border: 1px solid #00a0d8;
    border-radius: 2px;
    line-height: 26px;
    text-align: center
}

.uprcrank {
    width: 54px !important;
    height: 28px !important;
    background-color: #00a0d8;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 28px;
    border-radius: 2px;
    cursor: pointer;
    margin-left: 5px !important
}

.sure {
    width: 54px !important;
    height: 28px !important;
    background-color: #00a0d8;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 28px !important;
    border-radius: 2px !important;
    cursor: pointer
}

.sb-mob {
    margin-left: -1px !important
}

.ei-4 {
    color: #aaa
}

.password {
    padding-right: 15px
}

.changes {
    color: #00a0d8;
    cursor: pointer
}

.c-drop {
    height: auto
}

.c-drop .sure {
    margin-left: 118px;
    width: 58px;
    margin-right: 15px
}

.c-drop li:last-child {
    margin-bottom: 0
}

.encrypted {
    width: 218px;
    height: 26px;
    border: 1px solid #ddd;
    border-radius: 2px;
    line-height: 26px;
    padding: 0 0 0 5px
}

.sbi-m .bound {
    display: block;
    width: 100%;
    height: 25px;
    color: #fff;
    background: #00a0d8;
    border-radius: 3px;
    padding: 3px 8px 3px 13px;
    line-height: 25px;
    position: relative;
    text-align: right
}

.sbi-m .bound i {
    position: absolute;
    left: 5px;
    width: 24px;
    height: 22px;
    background: url(../img/icons04.png) -36px -69px
}

.sbi-m .bound-qq i {
    position: absolute;
    left: 5px;
    width: 20px;
    height: 22px;
    background: url(../img/icons04.png) -7px -69px
}

.my-sign {
    width: 600px;
    height: 80px;
    resize: none;
    padding: 3px 8px
}

.sex {
    overflow: hidden;
    margin-top: 3px
}

.sex li {
    float: left;
    height: 20px;
    padding: 0 8px;
    line-height: 20px;
    border-radius: 3px;
    margin-right: 20px;
    background: #f4f4f4;
    cursor: pointer
}

.sex .blue {
    color: #fff !important;
    background: #00a0d8 !important
}

.sb-ys {
    font-size: 12px;
    color: #b7b7b7
}

.area {
    width: 170px !important;
    margin-right: 20px;
    float: left
}

.control-btn-select {
    background-position: 0 0;
    height: 26px;
    line-height: 26px;
    width: 148px;
    border: 1px solid #ddd;
    border-radius: 2px
}

.control-btn-select span {
    color: #45484d;
    padding: 0 22px 0 0;
    margin-left: 10px;
    height: 26px;
    line-height: 26px;
    text-align: left;
    white-space: nowrap
}

.control-btn-select em {
    background: url(../img/icons04.png) -75px -80px no-repeat;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px;
    width: 13px;
    height: 5px
}

.control-btn-select select {
    position: absolute;
    opacity: 0;
    border: medium none;
    background: transparent;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #424242;
    outline: medium none;
    cursor: pointer
}

.m-secuerity {
    width: 170px
}

.sb-line {
    width: 100%;
    border-top: 1px solid #ddd;
    margin-top: 45px
}

.sb-save {
    position: absolute;
    left: 360px;
    bottom: 35px;
    width: 110px;
    height: 35px;
    background: #00a0d8;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    line-height: 35px;
    letter-spacing: .5em
}

.ordinary {
    color: #666;
    font-size: 12px;
    margin-left: 40px
}

.ordinary a {
    color: #00a0d8;
    cursor: pointer
}

.ord-upload {
    width: 600px;
    border: 1px solid #ddd;
    text-align: center;
    margin-left: 20px;
    position: relative;
    padding: 20px
}

.ord-upload .my-head {
    width: 180px;
    height: 180px;
    border: 1px solid #ddd;
    margin: 20px auto
}

.ord-upload .head-btn {
    margin: 10px 5px 0 30px;
    width: 80px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
    border: 1px solid #ddd;
    background: #f8f8f8;
    cursor: pointer
}

.h-set {
    width: 120px
}

.boston-postcards li {
    margin: 0;
    padding: 0;
    list-style-type: none
}

a {
    text-decoration: none
}

.h_f_top {
    width: 100%;
    height: 44px;
    background: #f1f1f1;
    border-bottom: 2px solid #00a1d6;
    top: 0;
    left: 0;
    z-index: 99999
}

@charset "UTF-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, select, input, textarea, th, td {
    margin: 0;
    padding: 0;
    color: #717171
}

body {
    color: #45484d
}

img {
    border: 0
}

ul, li {
    list-style: none
}

a {
    outline: 0;
    color: #00a1d6;
    text-decoration: none
}

a:hover {
    color: #f35c8f;
    cursor: pointer
}

input, select, button, textarea {
    font: 12px/1.125 Arial, Helvetica, sans-serif
}

i {
    font-style: normal
}

.container {
    width: 100%;
    overflow: hidden
}

.container-inner {
    width: 985px;
    margin: 0 auto
}

.left {
    float: left
}

.right {
    float: right
}

.code {
    border: 1px solid #ced1d8;
    background: #f9fafc;
    border-radius: 6px;
    padding: 10px
}

.clickable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

[class^="control-btn-"], [class*=" control-btn-"] {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[class^="control-btn-"] span, [class*=" control-btn-"] span {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    color: #fff;
    vertical-align: middle;
    text-align: center
}

[class^="control-page-"], [class*=" control-page-"] {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.control-page-first {
    background-position: -52px -574px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center
}

.control-page-number {
    background-position: -131px -574px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center
}

.control-page-last {
    background-position: -172px -574px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center
}

.control-btn-select select {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    height: 25px;
    border: none;
    background: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #424242;
    outline: none;
    cursor: pointer
}

.control-btn-select {
    background-position: 0 0;
    height: 30px;
    line-height: 30px;
    width: 150px
}

.control-btn-select span {
    color: #45484d;
    background-position: right 0;
    padding: 0 22px 0 0;
    margin-left: 10px;
    height: 30px;
    line-height: 30px;
    text-align: left;
    white-space: nowrap
}

.control-btn-select:hover {
    background-position: 0 -40px
}

.control-btn-select:hover span {
    background-position: right -40px
}

.control-inpt-input {
    border: 1px solid #ddd;
    background-color: #fff;
    position: relative;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    display: inline-block;
    border-radius: 2px;
    padding: 6px 5px;
    box-shadow: inset #ddd 0 1px 3px
}

.control-inpt-input {
    height: 30px;
    padding: 0 8px;
    margin: 0;
    background: #fff;
    box-sizing: border-box
}

.control-inpt-input:hover {
    border: 1px solid #b9b9b9;
    border-top: 1px solid #a0a0a0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}

.control-inpt-input:focus {
    border: 1px solid #2b99ce;
    outline: none
}

textarea.control-inpt-input {
    padding: 7px 5px;
    word-break: break-all;
    word-wrap: break-word;
    line-height: 14px
}

.control-dialog-wrapper {
    position: fixed;
    background: url(../images/member_v2/lgray.png);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.control-dialog-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: auto
}

.control-dialog {
    position: fixed;
    z-index: 9999;
    top: 160px;
    left: 50%;
    margin-left: -280px;
    width: 540px;
    background: #fff;
    border-radius: 8px;
    overflow: auto;
    box-shadow: 0 0 12px #ddd
}

.control-dialog-title {
    padding: 15px 10px;
    border-bottom: 1px solid #ddd;
    font-size: 14px
}

.control-dialog-close {
    float: right;
    border-radius: 4px
}

.control-dialog-close:hover {
    background: url(../images/member_v2/lgray.png)
}

.control-dialog-description {
    padding: 20px 20px
}

.control-dialog-footer {
    padding: 25px 10px;
    height: 40px;
    text-align: center
}

[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 18px;
    height: 18px;
    *margin-right: .3em;
    line-height: 16px;
    vertical-align: middle !important;
    vertical-align: text-top;
    background-position: -7px -7px;
    background-repeat: no-repeat
}

.icon-none {
    background: none
}

.icon-talk {
    background-position: -495px -6px
}

.icon-notify {
    background-position: -459px -40px
}

.icon-close {
    background-position: -495px -66px
}

.icon-block {
    background-position: -7px -7px
}

.icon-halfblock {
    background-position: -37px -8px
}

.icon-arrow-top {
    background-position: -494px -89px
}

.icon-coin {
    background-position: -434px -35px
}

.icon-points {
    background-position: -494px -35px
}

.icon-home {
    background-position: -97px -5px
}

.icon-home.on {
    background-position: -97px -35px
}

.icon-upload {
    background-position: -128px -6px
}

.icon-upload.on {
    background-position: -128px -35px
}

.icon-upload-gray {
    background-position: -158px -6px
}

.icon-vfolder-gray {
    background-position: -190px -6px
}

.icon-paper {
    background-position: -220px -35px
}

.icon-paper-gray {
    background-position: -220px -6px
}

.icon-folder {
    background-position: -250px -6px
}

.icon-folder.on {
    background-position: -250px -35px
}

.icon-subscribe {
    background-position: -341px -125px
}

.icon-subscribe.on {
    background-position: -341px -155px
}

.icon-user {
    background-position: -281px -6px
}

.icon-message {
    background-position: -312px -4px
}

.icon-dual-user {
    background-position: -343px -5px
}

.icon-dango {
    background-position: -373px -5px
}

.icon-cart {
    background-position: -403px -5px
}

.icon-tagged {
    background-position: -434px -6px
}

.icon-tag {
    background-position: -464px -6px
}

.icon-player {
    background-position: -7px -96px
}

.icon-player-gray {
    background-position: -7px -66px
}

.icon-player.gray {
    background-position: -7px -66px
}

.icon-url {
    background-position: -37px -96px
}

.icon-url.gray {
    background-position: -37px -66px
}

.icon-code {
    background-position: -524px -37px
}

.icon-code.gray {
    background-position: -524px -6px
}

.icon-add {
    background-position: -6px -128px
}

.icon-add-gray {
    background-position: -189px -96px
}

.icon-add-gray:hover {
    background-position: -67px -186px
}

.icon-notice {
    background-position: -68px -35px
}

.icon-save {
    background-position: -342px -66px
}

.icon-save:hover {
    background-position: -342px -96px
}

.icon-delete {
    background-position: -159px -65px
}

.icon-delete:hover {
    background-position: -159px -96px
}

.icon-dots {
    background-position: -36px -126px
}

.icon-up {
    background-position: -68px -66px
}

.icon-up:hover {
    background-position: -68px -96px
}

.icon-down {
    background-position: -98px -66px
}

.icon-down:hover {
    background-position: -98px -96px
}

.icon-back {
    background-position: -128px -154px
}

.icon-circle-delete {
    background-position: -129px -126px
}

.icon-unlock {
    background-position: -219px -66px
}

.icon-unlock:hover {
    background-position: -219px -156px
}

.icon-locked {
    background-position: -219px -96px
}

.icon-locked:hover {
    background-position: -219px -186px
}

.icon-drag {
    background-position: -189px -186px
}

.icon-drag:hover {
    background-position: -189px -156px
}

.icon-search {
    background-position: -403px -5px
}

.icon-transfer-bottom {
    background-image: url(../images/member_v2/others.png);
    background-position: 15px -138px;
    width: 55px;
    height: 55px
}

.icon-edit {
    background-position: -250px -66px
}

.icon-edit:hover {
    background-position: -250px -96px
}

.icon-red-tag {
    background-position: -283px -125px;
    width: 37px;
    line-height: 18px;
    color: #fff;
    font-size: 10px;
    text-align: center
}

.icon-yes {
    background-position: -280px -66px
}

.icon-yes:hover {
    background-position: -280px -96px
}

.icon-no {
    background-position: -312px -66px
}

.icon-no:hover {
    background-position: -312px -96px
}

.icon-heart {
    background-position: -5px -154px
}

.icon-list {
    background-position: -36px -156px
}

.icon-list.on {
    background-position: -36px -186px
}

.icon-circle-terebi {
    background-image: url(../images/member_v2/others.png);
    background-position: 0 0;
    width: 92px;
    height: 92px
}

.icon-upload-gray.on {
    background-position: -158px -36px
}

.icon-vfolder-gray.on {
    background-position: -190px -36px
}

.icon-paper-gray.on {
    background-position: -220px -36px
}

.icon-heart.on {
    background-position: -5px -185px
}

.icon-user.on {
    background-position: -281px -35px
}

.icon-arrow-top {
    height: 10px;
    position: absolute;
    top: -10px;
    left: 100px;
    background-position: -490px -96px
}

.icon-arrow-left {
    height: 15px;
    margin-left: -26px;
    margin-top: -5px;
    background-position: -516px -96px;
    float: left
}

.icon-arrow-right {
    background-position: -556px -95px
}

.icon-arrow-bottom {
    height: 10px;
    margin-top: 37px;
    background-position: -556px -12px;
    float: left
}

.icon-slideUp {
    background-position: -556px -36px
}

.icon-slideDown {
    background-position: -556px -6px
}

.icon-message.on {
    background-position: -312px -35px
}

.icon-sendmessage {
    margin-right: 2px;
    width: 14px;
    height: 16px;
    background-position: -99px -156px
}

.icon-dual-user.on {
    background-position: -343px -35px
}

.icon-dango.on {
    background-position: -373px -35px
}

.icon-cart.on {
    background-position: -403px -35px
}

.icon-user-blue {
    background-position: -68px -156px
}

.icon-date {
    background-position: -373px -65px
}

.icon-arrow-bottom.on {
    background-position: -433px -95px
}

.icon-team-gray {
    background-position: -158px -155px
}

.icon-team-gray.on {
    background-position: -158px -185px
}

.icon-arrow-down {
    background-position: -373px -95px
}

.icon-arrow-down:hover {
    background-position: -403px -95px
}

.icon-point {
    background-position: -494px -35px;
    margin-right: 10px
}

.icon-coin {
    background-position: -433px -35px;
    margin-right: 10px
}

.icon-quote-left {
    background-image: url(../images/member_v2/dot.png);
    background-position: 0 0;
    height: 12px
}

.icon-quote-right {
    background-image: url(../images/member_v2/dot.png);
    background-position: 0 -10px;
    height: 12px
}

.icon-info {
    background-position: -68px -35px;
    margin: 0 2px
}

.banner {
    height: 60px
}

.banner-logo {
    width: 99px;
    height: 48px;
    background: url(../images/member_v2/logo.png) no-repeat;
    margin-top: 5px;
    margin-left: 12px;
    float: left
}

.banner-233 {
    width: 115px;
    height: 34px;
    background: url(../images/member_v2/2233.png);
    margin-top: 27px;
    margin-right: 12px;
    float: right
}

.box-title {
    height: 20px;
    background: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: #ddd solid 1px;
    padding: 5px 10px;
    line-height: 20px;
    text-shadow: #fff 1px 1px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.box-title i.icon-block {
    margin-right: 10px
}

.box-title i.icon-halfblock {
    margin-right: 5px
}

.box-tab {
    height: 35px;
    background: #fff;
    border-bottom: 1px solid #ddd
}

.box-tab-item {
    display: block;
    padding: 0 15px;
    height: 35px;
    min-width: 40px;
    float: left;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    color: #2b99ce;
    cursor: pointer
}

.box-tab-item.on {
    background: #2b99ce;
    color: #fff;
    font-weight: bold
}

.box-guideline {
    background-color: #f9f9f9;
    height: 120px;
    border-bottom: 1px solid #ddd
}

.guideline-background {
    float: left;
    width: 810px;
    height: 120px;
    position: absolute
}

.guideline-text {
    float: left;
    width: 810px;
    height: 120px;
    position: absolute
}

.guideline-front {
    float: left;
    width: 810px;
    height: 120px;
    position: absolute
}

.guideline-line {
    height: 10px;
    position: absolute;
    background-color: #fff;
    width: 500px;
    margin-left: 150px;
    margin-top: 40px
}

.guideline-dot {
    width: 50px;
    height: 60px;
    float: left;
    margin-top: 20px;
    margin-left: 200px;
    background-position: -532px -124px;
    position: relative
}

.guideline-dot:first-child {
    margin-left: 135px
}

.guideline-front .stepIn {
    background-position: -481px -124px
}

.guideline-num {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 16px;
    left: 16px;
    display: none
}

.num1 {
    background-position: -190px -125px
}

.num2 {
    background-position: -219px -125px
}

.num3 {
    background-position: -250px -125px
}

.guideline-label {
    width: 62px;
    height: 20px;
    float: left;
    margin-top: 85px;
    margin-left: 188px;
    text-align: center;
    font-size: 14px
}

.box-status {
    border-top: #ddd solid 1px;
    height: 30px;
    background: url(../images/member_v2/barbg.png) repeat-x;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

#main_content {
    min-height: 600px
}

.box-inner {
    background-color: #fff;
    overflow: auto
}

.box-inner.dyn {
    position: relative;
    overflow: visible
}

.box-id-profile {
    border-bottom: 1px solid #ddd
}

.box-id-profile #main_content {
    padding: 10px 20px;
    min-height: 0
}

.navi {
    position: relative;
    width: 160px;
    top: 0;
    height: auto;
    float: left;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fcfdfd;
    overflow: hidden
}

.container-grid-layout {
    width: 810px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden;
    float: right;
    min-height: 733px
}

.profile-face {
    background-color: #fff;
    border: #ddd solid 1px;
    width: 90px;
    height: 90px;
    float: left;
    border-radius: 100px;
    overflow: hidden;
    position: relative
}

.profile-face .mask {
    background: rgba(0, 0, 0, 0.5);
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 0;
    left: 0;
    line-height: 90px;
    text-align: center;
    color: #fff
}

.profile-face:hover .mask {
    display: block
}

.profile-face img {
    width: 100%;
    height: 100%
}

.profile-infor {
    float: left;
    margin-left: 20px
}

.profile-infor-l2 {
    line-height: 29px
}

.profile-uid-tag {
    border-radius: 4px;
    border: 1px solid #ddd;
    background: #fff;
    padding: 1px 5px;
    color: #888;
    vertical-align: middle
}

.profile-uid-tag a {
    color: #888
}

.profile-uid-tag a:hover {
    color: #2b99ce
}

.profile-infor .id-state {
    margin-left: 10px;
    vertical-align: middle
}

.profile-r {
    float: right
}

.profile-counter {
    width: 405px;
    height: 50px;
    float: right;
    margin-right: 10px;
    border-radius: 4px;
    border: 1px solid #ddd
}

.profile-counter-g {
    margin-top: 5px;
    float: left;
    width: 100px;
    height: 40px;
    border-left: 1px solid #ddd
}

.profile-counter-g:first-child {
    border: none
}

.profile-counter-g p {
    padding: 0 24px 5px 5px;
    text-align: right;
    font-weight: bold;
    font-size: 14px
}

.profile-counter-g p:first-child {
    padding: 4px 24px 5px 5px;
    text-align: right;
    font-weight: normal;
    font-size: 12px
}

.profile-counter-g p a.t {
    color: #45484d
}

.profile-counter-g p a.t:hover {
    color: #1d7fb0
}

.profile-infor-rank {
    line-height: 20px
}

.profile-infor-res {
    width: 150px;
    padding: 4px 0
}

.profile-infor-res i {
    float: left;
    margin: 3px 3px 0 0
}

.profile-infor-res h4 {
    margin-right: 10px;
    line-height: 25px
}

.profile-stat {
    border: 1px solid #ddd;
    clear: both;
    width: 405px;
    height: 25px;
    float: right;
    margin: 5px 10px 0 0;
    padding: 5px 0;
    border-radius: 2px
}

.profile-stat .stat-val {
    width: 201px;
    height: 25px;
    line-height: 25px;
    float: left
}

.profile-stat .stat-val:first-child {
    border-right: 1px solid #ddd
}

.profile-stat .stat-val span.t {
    margin-left: 30px;
    vertical-align: middle
}

.profile-stat .stat-val span.v {
    margin-left: 20px;
    background: #6dc6e4;
    padding: 3px 5px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    min-width: 30px;
    display: inline-block;
    height: 15px;
    line-height: 15px;
    font-weight: bold;
    vertical-align: middle;
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis
}

.side-navi {
    cursor: pointer;
    list-style-type: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.side-navi i {
    margin-right: 18px;
    margin-top: -1px
}

.side-navi a {
    display: block;
    padding: 10px 10px 10px 20px;
    font-size: 14px;
    color: #45484d;
    line-height: 30px;
    transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear
}

.side-navi a:hover {
    background-color: #f9f9f9
}

.side-navi a.on {
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    background-color: #2b99ce
}

.side-navi a.on:hover {
    background-color: #2ba9ce
}

.side-navi .side-navi-item-menu {
    background-color: #f9f9f9;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd
}

.side-navi .side-navi-item-menu a {
    list-style-type: none;
    line-height: 30px;
    color: #45484d;
    padding: 10px 10px 10px 30px;
    font-size: 12px;
    transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear
}

.side-navi .side-navi-item-menu a:hover {
    color: #45484d;
    background-color: #f1f1f1
}

.my-moral {
    color: #222;
    font-size: 16px;
    display: inline-block
}

.my-moral i {
    color: #00a1d6;
    font-size: 16px;
    display: inline-block;
    font-weight: bold
}

.m-help {
    display: inline-block;
    height: 22px;
    width: 102px;
    line-height: 20px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #ced3db;
    padding: 0 10px;
    color: #6d757a;
    font-size: 12px;
    float: right;
    margin-right: 20px;
    position: relative
}

.m-help .m-arrow {
    position: absolute;
    top: -6px;
    right: -3px;
    background: url(../img/icons_m.png) -26px -719px no-repeat;
    width: 18px;
    height: 36px
}

.m-help:hover {
    border: 1px solid #00a1d6;
    color: #00a1d6
}

.m-tips {
    margin: 20px 0 40px 0;
    font-size: 12px;
    color: #6d757a
}

.main-content-page {
    padding: 10px 19px
}

.main-content-page.p0 {
    padding: 10px 0
}

.subtab-list {
    height: 30px
}

.subtab-list.p20 {
    padding: 0 20px
}

.subtab-list a {
    color: #45484d;
    padding: 0 12px;
    line-height: 20px;
    width: 100%;
    height: 100%
}

.subtab-list {
    list-style: none
}

.subtab-list li:first-child {
    margin-left: 0
}

.subtab-list li {
    margin: 0 12px;
    list-style: none;
    height: 20px;
    float: left
}

.subtab-list li:hover {
    background-color: #aaa;
    border-radius: 4px
}

.subtab-list li:hover a {
    color: #fff
}

.subtab-list .on {
    background-color: #2b99ce;
    border-radius: 4px;
    font-weight: bold
}

.subtab-list .on:hover {
    background-color: #2b99ce
}

.subtab-list .on a {
    color: #fff
}

.subtab-list-page-content {
    padding: 10px 20px
}

.subtab-list-page-content.p0 {
    padding: 10px 0
}

.main-content-tab {
    padding: 0 6px;
    height: 35px;
    border-bottom: #ddd solid 1px;
    background-position: -271px 0
}

.main-content-tab-item {
    display: block;
    padding: 0 6px;
    height: 31px;
    min-width: 40px;
    float: left;
    line-height: 31px;
    text-align: center;
    font-size: 14px;
    color: #1d7eb1;
    margin: 4px 5px 0 5px;
    cursor: pointer
}

.main-content-tab-item:hover {
    color: #1d7eb1
}

.main-content-tab-item.on {
    background: #fff;
    color: #1d7eb1;
    border: 1px solid #ddd;
    border-bottom: none;
    border-radius: 4px 4px 0 0
}

.main-content-tab-item.on:hover {
    color: #1d7eb1
}

.main-content-tab-page {
    padding: 10px 20px
}

.main-content-tab-page.p0 {
    padding: 10px 0
}

.recently-list {
    padding-bottom: 40px
}

.recently-list li {
    border-bottom: 1px solid #ddd;
    list-style: none;
    padding: 15px 5px 25px 5px;
    float: left
}

.recently-list .recently-list-info {
    float: left;
    width: 760px
}

.recently-list .recently-list-info-face {
    float: left;
    border-radius: 4px;
    width: 52px;
    height: 52px
}

.recently-list .recently-list-info-face img {
    border-radius: 4px;
    width: 52px;
    height: 52px
}

.recently-list .info-r {
    margin-left: 20px;
    float: left;
    width: 680px
}

.recently-list .recently-list-info-text {
    height: 22px;
    width: 685px;
    margin-right: 5px;
    font-size: 12px
}

.recently-list .recently-list-info-text span {
    color: #666;
    font-weight: bold;
    margin-right: 5px
}

.recently-list .recently-list-info-text a {
    color: #1d7eb1;
    margin-right: 20px
}

.recently-list .recently-list-info-text a:hover {
    color: #2b99ce
}

.recently-list .info-r .r {
    float: left;
    width: 200px;
    margin-left: 15px
}

.recently-list .info-r .r a {
    font-size: 14px;
    height: 36px;
    display: block;
    line-height: 18px
}

.recently-list .recently-list-detail {
    border: 1px solid #ddd;
    padding: 15px 10px;
    width: 350px;
    margin-top: 5px;
    border-radius: 2px
}

.recently-list .recently-list-info-comment {
    position: relative;
    background-color: #fff;
    line-height: 1.5em;
    padding: 8px 8px 8px 0;
    margin-right: 5px;
    border-radius: 4px;
    color: #45484d;
    font-size: 12px
}

.recently-list .recently-list-info-comment.desc {
    min-height: 36px;
    height: 36px;
    line-height: 18px;
    overflow: hidden;
    padding: 10px 0 0 0;
    color: #888;
    word-break: break-all;
    word-wrap: break-word
}

.recently-list .recently-list-info-comment p.txt {
    overflow: hidden;
    max-height: 36px;
    width: 550px;
    word-break: break-all;
    word-wrap: break-word
}

.recently-list .recently-list-info-comment p.more {
    position: absolute;
    bottom: 8px;
    right: 50px
}

.recently-list .recently-list-info-vpicture {
    width: 120px;
    height: 90px;
    float: left
}

.recently-list .recently-list-info-vpicture img {
    width: 120px;
    height: 90px
}

.recently-list .date {
    color: #bbb;
    float: right
}

.recently-list-tags {
    margin: 0 5px 10px 0;
    padding: 4px 0 5px 0;
    background-color: #fff
}

.recently-list-tags span {
    position: relative;
    margin: 5px 5px 0 5px;
    font-weight: normal;
    float: left;
    height: 20px;
    line-height: 20px;
    background: #fff;
    padding: 0 20px 0 18px;
    font-size: 12px;
    color: #888;
    text-overflow: ellipsis;
    overflow: hidden
}

.recently-list-tags span.last p {
    border-right: none
}

.recently-list-tags span.tag {
    padding: 0 0 0 18px
}

.recently-list-tags span p {
    width: 1px;
    border-right: 1px solid #ddd;
    height: 12px;
    position: absolute;
    right: 0;
    top: 4px
}

.recently-list-tags span i {
    vertical-align: middle;
    margin-left: -18px;
    margin-top: 2px;
    display: block;
    position: absolute
}

.main-content-page .show_more {
    width: 100%;
    border: 0;
    font-weight: bold;
    border-radius: 4px;
    height: 36px;
    background-color: #2b99ce;
    padding: 1px 5px;
    color: #fff
}

.main-content-page .show_more:hover {
    background-color: #1b89be
}

.main-content-page .show_more:active {
    background-color: #0b79ae
}

.main-content-list-small li {
    padding: 15px 10px;
    margin: 15px 0;
    height: 70px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd
}

.main-content-list-small li:hover {
    box-shadow: #ddd 0 0 6px
}

.main-content-list-img-small {
    margin-left: 10px;
    padding: 3px;
    width: 60px;
    height: 60px;
    border: 1px solid #ddd;
    background-color: #fff;
    float: left
}

.main-content-list-img-small img {
    width: 60px;
    height: 60px
}

.main-content-list-infor-small {
    margin-left: 18px;
    width: 570px;
    height: 64px;
    padding: 2px;
    float: left
}

.main-content-list-small li .edit {
    height: 68px;
    line-height: 68px;
    float: left
}

.main-content-list li {
    padding: 10px 10px;
    margin: 10px 0;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    position: relative
}

.main-content-list.fav li {
    height: 70px
}

.main-content-list.topic li {
    height: 100px
}

.main-content-list li:hover {
    box-shadow: #ddd 0 0 6px
}

.main-content-list-img {
    padding: 3px;
    width: 120px;
    height: 90px;
    border: 1px solid #ddd;
    background-color: #fff;
    float: left
}

.main-content-list.fav .cb-wrapper {
    display: none;
    position: absolute;
    right: 60px;
    height: 72px;
    line-height: 72px
}

.main-content-list.topic .cb-wrapper {
    height: 100px;
    line-height: 100px
}

.main-content-list.fav .cb-wrapper.checked {
    display: block
}

.main-content-list.fav .cb-wrapper:after {
    display: inline-block;
    width: 0;
    height: 100%;
    content: ".";
    vertical-align: middle;
    overflow: hidden
}

.main-content-list.fav li:hover .cb-wrapper {
    display: block
}

.main-content-list.fav .main-content-list-img {
    width: 72px;
    height: 55px
}

.main-content-list.topic .main-content-list-img {
    width: 62px;
    height: 82px
}

.main-content-list-img img {
    max-width: 120px;
    height: 90px;
    margin: 0 auto;
    display: block
}

.main-content-list.fav .main-content-list-img img {
    max-width: 72px;
    height: 55px
}

.main-content-list.topic .main-content-list-img img {
    max-width: 62px;
    height: 82px
}

.main-content-list-infor {
    margin-left: 18px;
    width: 570px;
    padding: 2px;
    float: left
}

.main-content-list.fav .main-content-list-infor {
    height: 72px;
    white-space: nowrap
}

.main-content-list-category {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 2px 5px 2px 0;
    border-radius: 2px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 18px;
    vertical-align: middle;
    margin-right: 10px
}

.main-content-list-date {
    margin-left: 15px;
    display: inline-block;
    color: #bbb;
    white-space: pre
}

.main-content-list-title {
    margin-top: 8px;
    line-height: 20px;
    font-size: 14px
}

.main-content-list.fav .main-content-list-title {
    margin-top: 0;
    width: 450px;
    height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

.main-content-list-details {
    padding-top: 8px;
    height: 17px;
    line-height: 17px;
    clear: both
}

.main-content-list-details i {
    margin-right: 10px
}

.main-content-list-progress {
    margin-top: 8px;
    height: 17px;
    line-height: 17px
}

.main-content-list-progress div {
    display: inline-block;
    width: 250px;
    height: 5px;
    margin-top: 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 1px
}

.main-content-list-progress div span {
    display: inline-block;
    width: 50%;
    height: 5px;
    background-color: #2b99ce;
    border-radius: 4px
}

.main-content-list-command {
    margin-top: 8px;
    line-height: 17px
}

.main-content-list-command a {
    margin-right: 8px
}

.main-content-list li:first-child {
    margin-top: 0
}

.content-title {
    margin-left: 110px;
    margin-top: 5px;
    height: 24px;
    width: 76px
}

.content-titles {
    margin: 10px;
    height: 24px;
    width: 76px
}

.content-tab {
    position: relative;
    margin: 0 auto;
    margin-top: 10px;
    height: 40px;
    width: 306px;
    text-align: center
}

.content-tab .icon-arrow-bottom {
    position: absolute;
    bottom: -11px;
    margin-left: -9px;
    left: 50%
}

.content-tab-item {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    width: 90px;
    border-right: none;
    height: 35px;
    font-size: 13px;
    line-height: 35px;
    padding-left: 5px;
    background-color: #f9f9f9;
    border: 1px solid #ddd
}

.content-tab-item.t-right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: none
}

.content-tab-item.t-left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: none
}

.content-tab-content {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    width: 90px;
    border-right: none;
    height: 35px;
    font-size: 13px;
    line-height: 35px;
    padding-left: 10px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-left: #f9f9f9 1px solid
}

.content-tab-item.on {
    border: 1px solid #2b99ce;
    color: #fff;
    background-color: #2b99ce
}

.content-form {
    margin-left: 4px;
    margin-top: 10px;
    margin-bottom: 20px;
    width: 760px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 4px
}

.content-borderless-form {
    width: 100%;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    background-color: #fff
}

.content-page {
    margin: 10px 0
}

.content-page-topsider {
    padding: 15px 10px;
    border-bottom: 1px solid #ddd;
    background-color: #f9f9f9
}

.content-page-topsider i.icon-notice {
    margin-right: 5px
}

.content-page-body {
    margin: 40px 0 20px 0
}

.content-page-bottomsider {
    padding: 25px 10px;
    margin-top: 40px;
    border-top: 1px solid #ddd;
    height: 40px;
    text-align: center
}

.content-result {
    position: relative;
    width: 650px;
    min-height: 330px;
    margin: 30px 0 0 60px;
    overflow: hidden;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 4px
}

.upload-list {
    list-style: none
}

.upload-list li {
    text-align: center;
    list-style: none;
    padding: 5px 10px;
    margin: 5px 0;
    height: 35px
}

.upload-list li input[type='text'] {
    width: 225px
}

.upload-list li input[type='file'] {
    width: 280px;
    padding: 5px 10px;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    border-radius: 4px;
    color: #45484d
}

.add-upload-item {
    margin: 0 auto;
    position: relative;
    display: inline-block;
    border-radius: 4px;
    background-color: #f9f9f9;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ddd;
    color: #45484d;
    width: 300px;
    cursor: pointer
}

.add-upload-item:hover {
    background-color: #e2e6e8;
    color: #45484d
}

.add-upload-item:active {
    background-color: #fff;
    color: #45484d
}

.submit-successful-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../images/member_v2/2333.png) bottom right no-repeat;
    width: 260px;
    height: 190px
}

.submit-successful {
    position: absolute;
    background: url(../images/member_v2/cpt.png) no-repeat;
    width: 280px;
    height: 81px
}

.filter-list {
    display: inline-block;
    margin: 10px 0;
    width: 600px
}

.filter-list-item {
    line-height: 16px;
    padding: 2px 5px;
    border: 1px solid #eee;
    border-radius: 4px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 5px 10px 5px 5px;
    color: #999;
    position: relative
}

.filter-list-item i {
    display: none;
    position: absolute;
    margin-top: -10px;
    top: 0;
    right: 0;
    margin-right: -10px
}

.filter-list-item:hover {
    box-shadow: 0 0 6px #eee;
    color: #999
}

.control-content-tab-item {
    float: left;
    width: 60px;
    border-right: none;
    height: 35px;
    font-size: 13px;
    line-height: 35px;
    text-align: center;
    padding: 0 5px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    position: relative
}

.control-content-tab-item.t-left {
    border-radius: 4px 0 0 4px;
    border-right: none
}

.control-content-tab-item.t-right {
    border-radius: 0 4px 4px 0;
    border-left: none
}

.control-content-tab-item.on {
    border: 1px solid #2b99ce;
    color: #fff;
    background-color: #2b99ce
}

.control-content-tab-item i {
    display: none;
    position: absolute;
    margin: 0;
    bottom: -10px;
    left: 25px
}

.control-content-tab-item.on i {
    display: block
}

.blue-sign {
    border: 1px solid #207ca9;
    color: #fff;
    background: #2d98ce;
    font-weight: bold;
    padding: 2px 15px;
    border-radius: 4px
}

.pink-sign {
    border: 1px solid #bc3764;
    color: #fff;
    background: #f35d83;
    font-weight: bold;
    padding: 2px 15px;
    border-radius: 4px
}

.clearfix:after {
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    font-size: 0
}

*.clearfix {
    zoom: 1
}

.v-middle:after {
    display: inline-block;
    width: 0;
    height: 100%;
    content: ".";
    vertical-align: middle;
    overflow: hidden
}

.rel {
    position: relative
}

.abs {
    position: absolute
}

textarea.auto-size {
    -webkit-transition: .1s height linear;
    transition: .1s height linear;
    resize: none;
    vertical-align: top
}

textarea.auto-size:focus {
    height: 100px
}

.next-title {
    padding: 10px 0;
    height: 25px;
    position: relative
}

.next-title.p10 {
    padding: 10px 10px
}

.next-title a.goback, .main-content-title a.sendmessage {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 1px 4px 2px 22px;
    color: #1d7fae;
    line-height: 17px;
    position: relative
}

.next-title a.goback i, .main-content-title a.sendmessage i {
    position: absolute;
    top: 1px;
    left: 4px
}

.next-title span {
    font-size: 16px;
    margin-left: 10px;
    height: 22px;
    line-height: 22px;
    color: #777
}

.next-title .blacklist {
    float: right;
    margin-right: 10px
}

.next-title .toblacklist {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #f35c8f;
    background: url(../images/member_v2/lgray.png)
}

.next-title#btn_createSpMode {
    display: none;
    padding: 0 0 15px 15px
}

.side-navi .side-navi-item-menu a.on {
    font-weight: bold;
    cursor: pointer;
    background: none;
    background-color: #2b99ce;
    box-shadow: none;
    border: none;
    color: #fff;
    transition: all .5s linear;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear
}

.side-navi .side-navi-item-menu a.on:hover {
    background-color: #2ba9ce
}

.main-content-list li div.delete {
    float: right;
    height: 102px;
    line-height: 102px;
    display: none
}

.main-content-list.fav li div.delete {
    height: 72px;
    line-height: 72px
}

.main-content-list.topic li div.delete {
    height: 100px;
    line-height: 100px
}

#content_my_special_content .main-content-list-small li div.delete {
    float: right;
    height: 68px;
    line-height: 68px;
    display: none
}

.main-content-list li:hover div.delete {
    display: block
}

#content_my_special_content .main-content-list-small li:hover div.delete {
    display: block
}

.main-content-list li div.delete a:after {
    display: inline-block;
    width: 0;
    height: 100%;
    content: ".";
    vertical-align: middle;
    overflow: hidden
}

.main-content-list-small li div.delete a:after {
    display: inline-block;
    width: 0;
    height: 100%;
    content: ".";
    vertical-align: middle;
    overflow: hidden
}

.main-content-profile-setting li {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    margin: 0 10px
}

.main-content-profile-setting li div.setting-item {
    padding: 0 0 0 40px
}

.main-content-profile-setting li div.setting-item-face {
    height: 130px;
    overflow: hidden
}

.main-content-profile-setting li div.setting-item-face .desc {
    display: block;
    float: left;
    height: 15px;
    line-height: 15px;
    color: #999;
    margin: 85px 0 0 30px
}

.main-content-profile-setting li div.setting-item-face .face-pic {
    float: left;
    position: relative;
    cursor: pointer
}

.main-content-profile-setting li #preview img {
    width: 100px;
    height: 100px
}

.main-content-profile-setting li div.setting-item-face .face-pic:hover .pic-mask {
    display: block
}

.main-content-profile-setting li div.setting-item-face .face-edit {
    display: block;
    clear: both;
    text-align: center;
    padding: 4px 5px 5px 5px;
    width: 50px;
    height: 16px;
    margin: 0 0 0 100px;
    cursor: pointer
}

.main-content-profile-setting li div.setting-item-face .face-update {
    margin: 5px 0 0 0
}

.main-content-profile-setting li div.setting-item-id {
    height: 120px
}

.main-content-profile-setting li div.setting-item-info1 {
    position: relative
}

.main-content-profile-setting li div.setting-item-contact {
    height: 200px;
    padding-top: 20px
}

.main-content-profile-setting li div.setting-item-info2 {
    height: 200px
}

.main-content-profile-setting .line {
    line-height: 30px;
    padding: 15px 0
}

.main-content-profile-setting .profile-dyn-check {
    float: left;
    height: 30px;
    line-height: 30px
}

.main-content-profile-setting .profile-dyn-check label {
    margin: 0 40px 0 6px
}

.profile-text {
    float: left;
    margin-right: 10px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    width: 65px;
    text-align: right
}

.profile-val {
    float: left;
    margin-right: 15px;
    line-height: 30px
}

.profile-tips {
    float: left;
    height: 30px;
    line-height: 30px
}

.profile-text.face {
    height: 100px;
    line-height: 100px
}

.main-content-profile-safety li {
    border-bottom: 1px solid #ddd;
    padding: 10px 0 0 0;
    margin: 0 10px;
    overflow: hidden
}

.main-content-profile-safety li div.safety-item {
    width: 720px;
    padding: 0 0 0 10px
}

.main-content-profile-safety li div.safety-item-mailaddress {
    height: 40px
}

.main-content-profile-safety li div.safety-item-password {
    height: 40px
}

.main-content-profile-safety li div.safety-item-security {
    height: 40px;
    overflow: hidden
}

.profile-safety-bind {
    margin-left: 20px;
    padding: 10px 0 100px 0
}

.profile-safety-bind .line {
    height: 30px;
    line-height: 30px;
    padding: 15px 0;
    clear: both
}

.togglePanel {
    position: absolute;
    height: 20px;
    width: 55px;
    left: 80px;
    bottom: -32px;
    *bottom: -33px;
    line-height: 20px;
    color: #2b99ce;
    border-color: #ddd;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-radius: 0 0 2px 2px;
    cursor: pointer;
    padding-left: 25px
}

.profile-sub-title {
    font-weight: bold;
    font-size: 17px;
    margin-top: 20px
}

#select-type-sex button {
    width: 40px;
    height: 25px
}

.sec-panel-wrapper {
    display: none;
    top: 50px;
    left: 0;
    position: relative
}

.sec-panel {
    top: 0;
    width: 350px;
    height: 140px;
    background-color: #fff;
    border: 1px solid #ddd;
    position: absolute;
    padding: 20px 0 20px 20px;
    display: none
}

.sec-panel div.line {
    margin-bottom: 20px
}

.sec-panel.p1 {
    left: 0
}

.sec-panel.p1 i {
    left: 120px
}

.sec-panel.p1 input[type="checkbox"] {
    margin-right: 10px
}

.sec-panel.p1 .check {
    float: left;
    margin-left: 10px;
    line-height: 30px
}

.sec-panel.p2 {
    width: 380px;
    left: 0
}

.sec-panel.p2 i {
    left: 120px
}

.sec-panel.p2 .tips {
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    margin-left: 10px;
    display: inline-block;
    padding-top: 10px
}

.pw-panel {
    top: 15px;
    width: 420px;
    height: 280px;
    background-color: #fff;
    clear: both;
    border: 1px solid #ddd;
    position: relative;
    padding: 20px;
    display: none
}

.pw-panel i {
    left: 150px
}

.pw-panel div.line {
    margin-bottom: 20px
}

.main-content-title {
    padding: 5px 0;
    height: 24px;
    line-height: 24px;
    border-bottom: 1px solid #ddd
}

.main-content-title .icon-halfblock {
    vertical-align: middle
}

.main-content-title.p10 {
    padding: 5px 10px
}

.main-content-title span.t {
    font-size: 14px;
    font-weight: bold;
    color: #666;
    margin-right: 10px
}

.main-content-title span.i {
    color: #888
}

.main-content-title a.title {
    font-size: 14px
}

#content_my_message_content .message-list {
    list-style: none
}

#content_my_message_content .message-list li.message-list-item {
    list-style: none;
    padding: 15px 10px;
    margin: 15px 0;
    height: 70px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    cursor: pointer;
    position: relative
}

#content_my_message_content .message-list li.message-list-item:hover {
    box-shadow: #ddd 0 0 6px
}

#content_my_message_content .message-list li.message-list-item.selected {
    box-shadow: #ddd 0 0 6px
}

#content_my_message_content .message-list li.message-list-item .message-menu-btn {
    position: absolute;
    right: 15px;
    top: 35px;
    height: 40px;
    width: 30px
}

#content_my_message_content .message-list li.message-list-item .message-menu-btn i {
    width: 100%;
    height: 100%;
    background-position: -367px -85px
}

#content_my_message_content .message-list li.message-list-item .message-menu-btn i:hover {
    background-position: -397px -85px
}

#content_my_message_content .main-content-list-img-small {
    margin-left: 10px;
    padding: 3px;
    width: 60px;
    height: 60px;
    border: 1px solid #ddd;
    background-color: #fff;
    float: left
}

#content_my_message_content .main-content-list-img-small img {
    width: 60px;
    height: 60px
}

#content_my_message_content .main-content-list-infor-small {
    margin-left: 18px;
    width: 570px;
    height: 64px;
    padding: 2px;
    float: left
}

.message-menu-small {
    position: absolute;
    top: 65px;
    padding: 5px 0;
    width: 80px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    display: none;
    z-index: 99999;
    right: 20px
}

.message-menu-small li {
    list-style: none;
    padding: 0 7px;
    margin: 3px 0;
    line-height: 20px;
    background-color: #fff;
    border: none;
    border-radius: 0;
    cursor: pointer;
    z-index: 99999
}

.message-menu-small li:hover {
    box-shadow: none;
    background-color: #f9f9f9
}

#content_my_message_content .main-content-list-details {
    width: 550px;
    height: 20px
}

#content_my_message_content .main-content-list-details div {
    width: 460px;
    float: left;
    height: 40px;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#content_my_notice_content .main-content-list-small {
    list-style: none
}

#content_my_notice_content .main-content-list-small li {
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
    height: 30px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    position: relative
}

#content_my_notice_content .main-content-list-small li:hover {
    box-shadow: #ddd 0 0 6px
}

#content_my_notice_content .main-content-list-message {
    height: 30px;
    cursor: pointer
}

#content_my_notice_content .main-content-list-infor-small {
    margin-left: 18px;
    width: 570px;
    height: 64px;
    padding: 2px;
    float: left
}

#content_my_notice_content .main-content-list-date {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 5px 0;
    margin: 0 0 0 30px;
    width: 120px;
    overflow: hidden
}

#content_my_notice_content .main-content-list-title {
    margin: 0 0 0 20px;
    padding: 5px 0;
    width: 450px;
    overflow: hidden;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 15px
}

#content_my_notice_content .main-content-list-title.unread {
    font-weight: bold
}

#content_my_notice_content .main-content-list-details {
    position: absolute;
    top: 35px;
    left: -1px;
    padding: 10px 20px 10px 20px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    word-wrap: break-word;
    word-break: normal;
    height: auto;
    width: 728px;
    display: none
}

#content_my_notice_content .main-content-list-details i {
    left: 360px
}

#content_my_notice_content .main-content-list-notice-type {
    display: inline-block;
    margin: 5px 0 5px 20px;
    height: 20px;
    line-height: 20px;
    border-right: 2px solid #f9f9f9;
    font-size: 13px;
    width: 100px;
    overflow: hidden
}

#content_game_notice_content .main-content-list-small {
    list-style: none
}

#content_game_notice_content .main-content-list-small li {
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
    height: 30px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    position: relative
}

#content_game_notice_content .main-content-list-small li:hover {
    box-shadow: #ddd 0 0 6px
}

#content_game_notice_content .main-content-list-message {
    height: 30px;
    cursor: pointer
}

#content_game_notice_content .main-content-list-infor-small {
    margin-left: 18px;
    width: 570px;
    height: 64px;
    padding: 2px;
    float: left
}

#content_game_notice_content .main-content-list-date {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 5px 0;
    margin: 0 0 0 30px;
    width: 120px;
    overflow: hidden
}

#content_game_notice_content .main-content-list-title {
    color: #bbb;
    margin: 0 0 0 20px;
    padding: 5px 0;
    width: 350px;
    overflow: hidden;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap
}

#content_game_notice_content .main-content-list-title.unread {
    font-weight: bold
}

#content_game_notice_content .main-content-list-details {
    position: absolute;
    top: 35px;
    left: -1px;
    padding: 10px 20px 10px 20px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    word-wrap: break-word;
    word-break: normal;
    height: auto;
    width: 728px;
    display: none
}

#content_game_notice_content .main-content-list-details i {
    left: 360px
}

#content_game_notice_content .main-content-list-notice-game {
    display: inline-block;
    margin: 5px 0 5px 20px;
    height: 20px;
    line-height: 20px;
    width: 100px;
    border-right: 2px solid #f9f9f9;
    font-size: 13px;
    width: 80px;
    overflow: hidden
}

#content_game_notice_content .main-content-list-notice-type {
    display: inline-block;
    margin: 5px 0 5px 20px;
    height: 20px;
    line-height: 20px;
    border-right: 2px solid #f9f9f9;
    font-size: 13px;
    width: 100px;
    overflow: hidden
}

.message-content-list li {
    padding: 0;
    margin: 25px 0 0 0;
    height: auto;
    width: 770px
}

.message-content-list li .f {
    float: right
}

.message-content-list li .u {
    float: left
}

.message-content-list li .f .msg {
    float: right
}

.message-content-list li .u .msg {
    float: left
}

.message-content-list li .msg .text {
    max-width: 500px;
    min-width: 200px;
    padding: 10px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    position: relative;
    word-break: break-all;
    word-wrap: break-word;
    line-height: 20px;
    text-align: left
}

.message-content-list li .u .msg .text {
    background: #f9f9f9
}

.message-content-list li .msg .date {
    margin-top: 10px
}

.message-content-list li .f .msg .date {
    text-align: right
}

.message-content-list li .face {
    width: 60px;
    height: 60px
}

.message-content-list li .face img {
    width: 60px;
    height: 60px
}

.message-content-list li .f .face {
    float: right;
    margin-left: 10px
}

.message-content-list li .u .face {
    float: left;
    margin-right: 10px
}

.message-content-list li .text .msg-arrow {
    width: 18px;
    height: 18px;
    position: absolute
}

.message-content-list li .u .text .msg-arrow {
    background-position: -516px -126px;
    left: -18px;
    top: 10px
}

.message-content-list li .f .text .msg-arrow {
    background-position: -556px -95px;
    right: -13px;
    top: 10px
}

.pm-wrapper .send-message {
    position: fixed;
    width: 470px;
    height: 340px;
    top: 40%;
    left: 50%;
    margin-top: -170px;
    margin-left: -235px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: #777 0 2px 6px;
    padding: 15px;
    z-index: 9000
}

.pm-wrapper .send-message .cnt {
    margin-top: 5px;
    border-top: 1px solid #ddd;
    padding: 10px
}

.pm-wrapper .send-message .cnt p {
    margin-top: 20px
}

.pm-wrapper .send-message .cnt p span {
    display: inline-block
}

.pm-wrapper .send-message .cnt .txt {
    width: 75px;
    text-align: right;
    font-weight: bold
}

.pm-wrapper .send-message .cnt .notice {
    font-size: 12px;
    margin-left: 10px;
    color: #aaa
}

.pm-wrapper .send-message .cnt .target {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 1px 5px 0 5px;
    line-height: 16px;
    line-height: 18px \9
}

.pm-wrapper .send-message .btn {
    width: 60px;
    margin: 20px 0 0 85px;
    display: inline-block;
    font-size: 12px
}

.pm-wrapper .send-message .cancel {
    float: left;
    margin: 30px 0 0 20px
}

.pm-wrapper .send-message textarea {
    width: 348px;
    height: 116px;
    resize: none;
    vertical-align: top
}

.pm-wrapper {
    display: none
}

.pm-wrapper .title {
    height: 20px;
    line-height: 20px;
    position: relative
}

.pm-wrapper .title .close {
    position: absolute;
    right: 0;
    top: 0;
    height: 18px;
    width: 18px;
    cursor: pointer
}

.wnd-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(../images/member_v2/lgray.png);
    top: 0;
    left: 0;
    z-index: 8000
}

.messagebox {
    background-color: rgba(0, 0, 0, 0.3);
    padding: 4px;
    position: fixed;
    top: 40%;
    left: 50%;
    margin-top: -75px;
    width: 300px;
    z-index: 9000
}

.messagebox .content {
    position: relative;
    background: #fff;
    padding-bottom: 25px;
    text-align: center
}

.messagebox .content .title {
    text-align: left;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    background: #f9f9f9;
    border-bottom: 1px solid #ddd
}

.messagebox .content .info {
    padding: 20px 20px 20px
}

.messagebox .content .msg-icon {
    float: left;
    width: 60px;
    height: 30px
}

.messagebox .content .msg-icon.success {
    background: url(../images/member_v2/complete.png) 50% 50% no-repeat
}

.messagebox .content .msg-icon.error {
    background: url(../images/member_v2/error.png) 50% 50% no-repeat
}

.messagebox .content .text {
    float: left;
    padding-left: 20px;
    width: 170px;
    text-align: left;
    line-height: 16px;
    font-size: 13px;
    word-break: break-all;
    word-wrap: break-word
}

.check-box {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url(../images/member_v2/control_03.png) no-repeat;
    background-position: 2px -173px;
    cursor: pointer
}

.check-box.check-all {
    float: left;
    margin-left: 30px;
    margin-top: 5px
}

.check-box input {
    display: none
}

.check-box.checked {
    background-position: 2px -81px
}

.check-box.disabled {
    background-position: 2px -127px
}

.table-wrapper {
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 2px;
    margin-top: 10px;
    margin-bottom: 20px;
    overflow: hidden
}

.table-normal {
    border-collapse: collapse;
    width: 100%;
    height: 100%;
    table-layout: fixed
}

.table-normal thead tr td {
    text-align: center;
    background: #f5f5f5;
    height: 42px;
    border-left: #ddd solid 1px;
    border-bottom: 1px solid #ddd;
    font-weight: bold
}

.table-normal thead tr td:first-child {
    border-left: none
}

.table-normal thead tr td span {
    vertical-align: middle
}

.table-normal tbody tr {
    border-top: 1px solid #ddd
}

.table-normal tbody tr:first-child {
    border: none
}

.table-normal tbody tr td {
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-left: #ddd solid 1px
}

.table-normal tbody tr td.title {
    text-align: left;
    padding: 0 10px;
    line-height: 18px
}

.table-normal tbody tr td.date {
    line-height: 20px
}

.table-normal tbody tr td.text {
    text-align: left;
    word-break: break-all;
    word-wrap: break-word;
    line-height: 18px;
    padding: 0 10px;
    position: relative
}

.table-normal tbody tr td span.color {
    width: 18px;
    height: 18px;
    display: inline-block;
    border: 1px solid #aaa
}

.table-normal tbody tr td.check label {
    margin-left: 5px
}

.table-normal tbody tr td .ctrl {
    padding: 0 10px;
    overflow: hidden
}

.table-normal tbody tr td input {
    vertical-align: middle
}

.table-normal tbody tr td i {
    font-style: normal
}

.table-normal tbody tr td:first-child {
    border-left: none
}

.table-normal tbody tr:nth-child(odd) {
    background: #fff
}

.table-normal tbody .tr-footer td {
    border-bottom: none
}

.table-normal tbody tr td span.progress_bar {
    width: 120px;
    height: 20px;
    margin-top: 10px;
    float: left
}

.table-normal tbody tr td .more_btn {
    display: none;
    padding-bottom: 5px;
    height: 20px;
    line-height: 20px
}

.table-normal.dmm tbody td.text {
    padding-right: 20px
}

.table-normal.dmm tbody .td-control {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -18px;
    display: none;
    width: 50px
}

.table-normal.dmm tbody .td-control a {
    position: absolute;
    top: 10px
}

.table-normal.dmm tbody .td-control a.lock {
    left: 0
}

.table-normal.dmm tbody .td-control a.delete {
    right: 0
}

.table-normal.advcmt tbody td.req {
    line-height: 20px
}

.table-normal.advcmt tbody td.req p {
    color: #f35c8f;
    font-weight: bold
}

.table-normal.advcmt tbody td span.state {
    color: #f35c8f;
    font-weight: bold;
    margin-left: 20px
}

.table-normal.advcmt tbody td.ctrl a {
    margin-left: 5px
}

.table-normal.advcmt tbody td.ctrl a:first-child {
    margin: 0
}

.table-normal.report .title {
    padding-right: 50px;
    position: relative
}

.table-normal.report i.icon-red-tag {
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 2px;
    background: #f35c8f
}

.table-normal.report-detail .reporter a {
    display: none
}

.table-normal.report-detail .reporter:hover {
    line-height: 18px
}

.table-normal.report-detail .reporter:hover a {
    display: block
}

.table-normal.playlist .td-control {
    position: relative
}

.table-normal.log td.delta {
    text-align: left;
    padding-left: 15px
}

.table-normal.fix td.fixtime {
    line-height: 18px;
    text-align: center
}

.table-normal.fix td.fixstate {
    line-height: 20px;
    padding: 5px
}

.table-normal.fix .repair_icon {
    margin-left: 10px;
    background: url(/images/newcss/ico_warn.png) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    visibility: hidden
}

.table-normal.fix .repair_icon.ok {
    visibility: visible;
    background-position: 0 2px
}

.table-normal.fix .repair_icon.error {
    visibility: visible;
    background-position: -50px -47px
}

.page {
    margin-top: 10px
}

.page li {
    vertical-align: middle;
    display: inline-block;
    zoom: 1;
    *display: inline;
    background: #fff;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #ddd;
    margin: 0 5px;
    border-radius: 4px
}

.page li:hover {
    background: #ddd
}

.page li.current {
    background: none;
    border: none;
    font-weight: bolder;
    cursor: default
}

.page li a {
    display: block;
    width: 100%;
    height: 100%
}

.page li a.endPage, .page li a.indexPage {
    font-weight: bolder;
    font-family: ariel
}

.page li.more {
    background: none;
    cursor: default
}

.page li.first {
    background-position: -52px -574px
}

.page li.last {
    background-position: -172px -574px
}

.edit-link-wrapper {
    display: none;
    z-index: 9999
}

.edit-link-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(../images/member_v2/lgray.png);
    top: 0;
    left: 0;
    z-index: 9999
}

.edit-link {
    position: fixed;
    width: 445px;
    height: 280px;
    top: 150px;
    left: 40%;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: #777 0 2px 6px;
    padding: 15px;
    display: none;
    z-index: 9999
}

.edit-link-title {
    height: 20px;
    line-height: 20px;
    position: relative
}

.edit-link-content {
    margin-top: 5px;
    border-top: 1px solid #ddd;
    padding: 10px
}

.edit-link-content input[type='file'] {
    width: 280px;
    padding: 5px 10px;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    border-radius: 4px;
    color: #45484d
}

.edit-link-content .tab {
    padding-left: 100px;
    padding-top: 30px;
    height: 40px
}

.edit-link-content .control-content-tab-page {
    margin-left: 0;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
    border: none;
    background-color: #fff;
    border-radius: 0;
    height: 40px
}

.edit-link-content .control-content-tab-left {
    width: 90px
}

.edit-link-content .control-content-tab-content {
    width: 90px
}

.edit-link-content .control-content-tab-right {
    width: 90px
}

.team-control {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    margin-bottom: 10px
}

.team-control-item {
    float: left;
    width: 250px
}

.team-table-wrapper {
    margin-top: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 20px;
    overflow: hidden
}

.float-window {
    position: absolute;
    z-index: 999;
    border-radius: 10px;
    display: none;
    box-shadow: 0 0 8px #ccc;
    text-align: left
}

.date-selet {
    float: left;
    line-height: 30px;
    height: 30px;
    border-radius: 3px;
    padding: 0 0 0 5px;
    margin: 0;
    background-position: -12px -350px;
    overflow: hidden
}

.date-selet:hover {
    background-position: -12px -390px
}

.date-selet:hover div {
    background-position: 100% -390px
}

.date-selet span {
    margin-left: 10px
}

.date-selet div {
    background-position: 100% -350px;
    padding-right: 15px
}

.float-window .close {
    position: absolute;
    right: 15px;
    top: 15px;
    height: 18px;
    width: 18px;
    cursor: pointer
}

.float-window #float_window {
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 10px;
    margin: 8px
}

.selet-datebox {
    width: 390px;
    display: block;
    overflow: hidden;
    padding-bottom: 15px
}

.selet-datebox .inpt {
    padding-left: 35px
}

.selet-datebox .inpt input[type=text] {
    width: 120px;
    height: 18px;
    text-align: center
}

.float-window input[type=text] {
    border: solid 1px #bbb;
    background: -webkit-gradient(linear, left top, left 15, from(#fff), color-stop(4%, #f9f9f9), to(#fff))
}

.float-window input[type=text]:focus {
    border: 1px solid #2b99ce;
    outline: none
}

#float_window h3 {
    padding: 0 0 7px 0;
    margin: 0 0 7px 0;
    float: none;
    list-style-type: none
}

#float_window h4 {
    margin: 15px 0 2px 0;
    padding: 5px 0 5px 5px;
    color: #555;
    background: #2b99ce;
    border-radius: 5px;
    color: #fff;
    text-shadow: none;
    list-style-type: none;
    float: none
}

.selet-datebox .sse a {
    display: block;
    float: left;
    border-radius: 5px;
    margin: 10px 10px 0 10px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    width: 58px;
    color: #000
}

.selet-datebox .sse a:hover {
    background: #eee
}

.selet-datebox .sse a.on {
    background: #09c;
    color: #fff
}

#frm_SubmitVideo .step {
    display: none
}

#frm_SubmitVideo .step.on {
    display: block
}

#frm_SubmitVideo .submit-list-box {
    display: none
}

#frm_SubmitVideo #content_code_page.submit-list-box {
    margin: 10px 0 10px 10px;
    text-align: center
}

#step_1 .content-page-topsider {
    border-top: 1px solid #ddd
}

#single_item {
    padding: 40px 50px 0 50px
}

#single_item span {
    display: inline-block;
    line-height: 30px;
    font-size: 14px
}

#single_item a#manual_1p {
    float: right;
    line-height: 30px
}

#single_item input.url {
    height: 44px;
    font-size: 28px;
    line-height: 36px;
    width: 700px
}

#single_item .tips {
    margin-top: 10px;
    width: 660px;
    padding: 10px 20px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 4px
}

#single_item .tips p {
    height: 28px;
    line-height: 28px
}

#single_item .tips p span.t {
    display: inline-block;
    width: 380px
}

#single_item #next_step {
    margin: 25px auto 0;
    width: 305px;
    height: 40px;
    line-height: 40px
}

#single_item #multi_step {
    display: block;
    margin: 20px auto 0;
    width: 323px;
    height: 40px;
    line-height: 40px
}

#content_url_1p_page {
    padding: 10px 10px
}

#multiP_sortable {
    overflow: visible
}

#multiP_sortable .item {
    padding: 20px 0 20px 10px;
    cursor: move
}

#multiP_sortable .item.uploading {
    cursor: default
}

#multiP_sortable .item:hover {
    background: url(../images/member_v2/hoverbg.png)
}

#multiP_sortable .item.lock .control-btn-select, #multiP_sortable .item.lock .control-btn-select span, .control-btn-select.lock, .control-btn-select.lock span {
    background: none
}

#multiP_sortable .item.lock input, #multiP_sortable .item.lock textarea {
    border: none;
    box-shadow: none;
    background: none;
    overflow: hidden;
    text-overflow: ellipsis
}

#multiP_sortable .item .slt_type_local {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    width: 55px;
    padding-left: 10px
}

#multiP_sortable .item .url_local {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    width: 148px;
    margin-left: 7px;
    padding-left: 7px;
    text-overflow: ellipsis;
    overflow: hidden
}

#multiP_sortable .item .src-tag {
    display: none;
    position: absolute;
    top: 2px;
    left: 2px;
    padding: 2px;
    background: #00a1d6;
    color: #fff
}

#multiP_sortable .item.lock .src-tag {
    display: block
}

#multiP_sortable .item .edit, #multiP_sortable .item .del, #multiP_sortable .add-video .btn.simple {
    margin-left: 7px
}

#odi_list .addP {
    width: auto;
    height: auto;
    border-bottom: none;
    text-align: center;
    padding: 5px 10px;
    margin: 5px 0
}

#odi_list .add-video {
    padding: 10px 5px 10px 10px;
    background: #f9f9f9;
    border-bottom: none
}

#odi_list .add-video #add_video, #odi_list .add-video #upload_video {
    height: 26px;
    line-height: 26px
}

#odi_list .add-video #upload_video {
    display: none
}

#odi_list .thead {
    line-height: 40px;
    background: #f9f9f9;
    border-bottom: 1px solid #ddd;
    width: 659px
}

#odi_list .thead span {
    display: block;
    float: left;
    text-align: center
}

#odi_list .info-wrapper {
    margin-top: 5px;
    zoom: 1;
    padding: 5px 10px
}

#odi_list .info-wrapper:after {
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    font-size: 0
}

#odi_list .info-wrapper .status {
    float: left;
    height: 12px;
    line-height: 12px;
    padding: 4px 0
}

#odi_list .info-wrapper .speed-info {
    float: right;
    border-radius: 5px;
    background-color: #f3f3f5;
    border: 1px solid #e2e2e9;
    padding: 4px 11px;
    height: 12px;
    line-height: 12px
}

#odi_list .info-wrapper .time-info {
    margin-left: 18px;
    float: right;
    border-radius: 5px;
    background-color: #f3f3f5;
    border: 1px solid #e2e2e9;
    padding: 4px 11px;
    line-height: 12px;
    height: 12px
}

#odi_list .progress {
    margin: 5px 5px 0 0;
    height: 1.2em;
    border: 1px solid #00a1d6
}

#odi_list .progress div {
    background: #00a1d6;
    border-color: #00a1d6
}

.upload-wrapper {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 155px;
    margin-left: 7px;
    height: 30px;
    line-height: 30px;
    overflow: hidden
}

.upload-wrapper object, .upload-wrapper span {
    vertical-align: middle
}

.upload-wrapper span {
    white-space: nowrap;
    width: 80px;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.upload-wrapper .file-upload-content {
    display: none
}

.upload-wrapper .browse-btn {
    overflow: hidden;
    background-color: #2b99ce;
    cursor: pointer;
    color: #fff;
    text-align: center;
    position: relative;
    height: 26px;
    line-height: 26px;
    margin-right: 5px;
    width: 66px
}

#multiP_sortable .uploading .upload-wrapper .browse-btn {
    display: none
}

.upload-wrapper .fn {
    height: 30px;
    line-height: 30px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis
}

#multiP_sortable .uploading .upload-wrapper .fn, #multiP_sortable .upload-wrapper .fn.done {
    width: 140px
}

.upload-wrapper .requesting {
    height: 30px;
    line-height: 30px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 140px
}

.upload-wrapper .requesting.retry {
    color: #00a1d6;
    cursor: pointer
}

.upload-wrapper .fn:after, .upload-wrapper .requesting:after {
    content: ".";
    font-size: 0;
    height: 0;
    width: 0;
    visibility: hidden
}

.upload-wrapper object {
    margin-right: 5px
}

#multiP_sortable .upload-wrapper .fileinput {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    height: 30px;
    font-size: 24px;
    direction: ltr;
    cursor: pointer
}

#multiP_sortable .btns-wrapper {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    text-align: center;
    width: 62px
}

#multiP_sortable .btns-wrapper a, #multiP_sortable .btns-wrapper .btn {
    margin-left: 7px
}

#odi_list .add-video .cancel_upload {
    height: 26px;
    line-height: 26px
}

.select-type button {
    float: left;
    width: 80px;
    height: 30px;
    border-radius: 4px;
    margin-right: 12px;
    background: #eee;
    border: none
}

.select-type button:hover {
    background-color: #ccc;
    border-radius: 4px
}

.select-type button:hover a {
    color: #fff
}

.select-type .on {
    color: #fff;
    background-color: #2b99ce;
    border-radius: 4px;
    font-weight: bold
}

.select-type .on:hover {
    background-color: #2b99ce
}

.table-title {
    text-align: right;
    font-weight: bold;
    font-size: 14px;
    line-height: 24px
}

.table-description {
    text-align: right;
    font-size: 12px;
    line-height: 22px
}

.select-type-small button {
    background-color: #fff;
    float: left;
    padding: 2px 10px;
    border-radius: 4px;
    margin-right: 6px;
    border: 1px solid #ccc
}

.select-type-small button:hover {
    background-color: #ccc
}

.select-type-small button:hover a {
    color: #fff
}

.select-type-small .on {
    color: #fff;
    background-color: #2b99ce;
    border: 1px solid #2b99ce;
    border-radius: 4px
}

.select-type-small .on:hover {
    background-color: #2b99ce
}

.bangumi_items {
    display: none
}

.bangumi_style {
    margin-bottom: 5px
}

.friend-list-item {
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: 1;
    float: left;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 20px 23px;
    background: #fff;
    list-style: none;
    position: relative;
    display: inline-block;
    width: 187px;
    padding: 10px
}

.friend-list-item:hover {
    box-shadow: 0 0 6px #ddd
}

.friend-list-item:hover .friend-list-item-delete {
    display: block
}

.friend-list .blur {
    opacity: .5
}

.friend-list .pm {
    margin: 0 0 8px 10px;
    width: 42px;
    display: block;
    float: left
}

.friend-list-submenu {
    position: relative;
    width: 90px;
    display: inline-block;
    float: left;
    margin: 0 0 0 10px;
    margin-right: 0
}

.friend-list-submenu a {
    color: #888;
    line-height: 20px;
    display: block
}

.friend-list-submenu a i {
    background-position: -556px -5px
}

.friend-list-item-delete {
    display: none;
    height: 40px;
    padding-top: 30px;
    top: 0;
    position: absolute;
    right: 5px;
    width: 20px
}

.friend-list-item-delete a {
    margin: 0
}

.friend-list-item img {
    float: left;
    display: inline-block;
    width: 50px;
    padding: 2px;
    border: 1px solid #ccc;
    height: 50px
}

.friend-list-item span {
    display: inline-block;
    float: left;
    margin: 0 0 8px 10px;
    width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 0
}

.table-description-contain {
    overflow: hidden;
    border-bottom: 1px solid #ddd
}

.table-description-contain .table-desc-field {
    padding: 10px;
    float: left
}

.table-description-contain .table-content-field {
    border-left: 1px solid #ddd;
    padding: 10px 20px;
    float: left;
    overflow: hidden
}

.up-div {
    margin: 5px 0 3px 10px;
    display: block;
    overflow: hidden;
    width: 650px;
    line-height: 40px;
    height: 40px
}

.mini-list {
    width: 500px;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    margin: 20px 0 0 30px;
    background: #fff
}

.mini-list ul {
    list-style: none
}

.mini-list ul li {
    border-top: 1px solid #ddd;
    padding: 5px 0;
    display: block;
    position: relative;
    overflow: hidden;
    min-height: 44px;
    _width: 500px
}

.mini-list .beTitle {
    background: #2b99ce;
    text-align: left;
    margin: 0;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #fff
}

.mini-list .title {
    margin-left: 20px
}

.mini-list ul li:nth-of-type(2n) {
    background: #f9f9f9;
    border-radius: 5px
}

.mini-list ul li img {
    float: left;
    margin-right: 7px;
    width: 60px;
    height: 45px;
    border: 1px solid #eee;
    padding: 1px;
    margin-left: 20px
}

.mini-list ul li .c {
    color: #bbb;
    display: block;
    position: absolute;
    right: 5px;
    bottom: 8px;
    line-height: 15px
}

.mini-list ul li .q {
    display: block;
    overflow: hidden;
    padding-left: 3px;
    width: 400px;
    padding-top: 7px;
    color: #888
}

.mini-box {
    width: 500px;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    margin: 20px 0 0 30px;
    background: #fff;
    text-align: left
}

.mini-box .t {
    line-height: 22px;
    height: 24px;
    color: #fff;
    font-family: "微软雅黑";
    background: #2b99ce;
    padding-left: 5px;
    font-size: 14px;
    font-weight: bold
}

.mini-box ul {
    list-style: none;
    display: block;
    padding: 0;
    margin: 5px 10px 5px 10px
}

.mini-box ul li {
    padding: 5px 0 5px 0;
    color: #555;
    margin: 0;
    overflow: hidden;
    display: block;
    _width: 500px
}

.mini-box ul li span {
    display: block;
    overflow: hidden;
    float: left
}

.mini-box ul li span.at {
    width: 85px;
    text-align: right;
    line-height: 25px
}

.mini-box ul li span.data {
    text-align: left;
    padding-left: 5px;
    margin-left: 5px;
    width: 160px;
    color: #f35c8f
}

.mini-box ul li span.data b.b1 {
    color: #f35c8f
}

.mini-box ul li span.data b.b2 {
    color: #2b99ce
}

.playlist a {
    position: relative
}

.playlist a.edit-title, .playlist a.save-title {
    margin-right: 9px
}

.playlist a.add-video {
    margin-right: 9px
}

.main-form-list {
    list-style: none;
    width: 100%;
    position: relative
}

.main-form-list li {
    list-style: none;
    width: 100%;
    position: relative;
    border-top: 1px solid #ddd;
    padding-top: 5px
}

.main-form-list li .form-title {
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    text-indent: 5px
}

#content .center {
    margin: 0 auto
}

#content button.btn, .messagebox-wrapper button.btn, .pm-wrapper button.btn {
    padding: 0;
    border: none
}

#content input[type="button"], input[type="submit"] {
    border: none;
    padding: 0
}

#content .btn, .messagebox-wrapper .btn, .pm-wrapper .btn, .pic-dialog .btn {
    background: #00a1d6;
    height: 30px;
    width: 50px;
    line-height: 30px;
    color: #fff;
    border-radius: 4px;
    padding: 0 20px;
    cursor: pointer;
    border-bottom: 2px solid #0593c2;
    text-align: center
}

#content .btn:hover, .messagebox-wrapper .btn:hover, .pm-wrapper .btn:hover, .pic-dialog .btn:hover {
    background: #38afe1
}

#content .btn:disabled {
    background: #bbb;
    border-bottom-color: #ccc
}

#content .btn.simple {
    background: #fff;
    border: 1px solid #ddd;
    color: #45484d;
    border-radius: 4px;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    width: auto;
    display: inline-block;
    border-bottom-width: 2px;
    *display: inline;
    zoom: 1
}

#content .btn.simple:hover {
    background: #f7f7f7
}

#content .btn.small, .messagebox-wrapper .btn.small, .pm-wrapper .btn.small {
    height: 25px;
    line-height: 25px;
    padding: 0 10px
}

#content .btn.inline {
    display: inline-block;
    *display: inline;
    zoom: 1
}

#content .btn.disable {
    background: #bbb;
    border-color: #aaa
}

.space-edit {
    width: 100%;
    table-layout: fixed
}

.space-edit tbody td {
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 5px
}

.space-edit tbody td:first-child {
    border-left: none
}

.space-edit tfoot button {
    margin-right: 20px
}

.blog-edit {
    width: 100%;
    table-layout: fixed
}

.blog-edit p.t {
    height: 30px;
    line-height: 30px
}

.blog-edit label {
    margin: 0 0 0 10px
}

#content .blog-edit input[type="submit"].btn {
    width: 100px;
    display: block
}

.pic-mask {
    text-align: center;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    position: absolute;
    width: 100%;
    height: 15px;
    bottom: 0;
    display: none
}

.pic-dialog {
    position: fixed;
    background: #fff;
    left: 50%;
    top: 50%;
    display: none;
    z-index: 9000;
    overflow-y: auto;
    border: 3px solid #ddd;
    width: 500px;
    height: 450px;
    margin-left: -250px;
    margin-top: -225px
}

.pic-dialog.face {
    position: static;
    left: 0;
    top: 0;
    display: block;
    overflow-y: auto;
    border: 0;
    width: 500px;
    height: 450px;
    margin-left: 0;
    margin-top: 0;
    padding: 0 0 0 16px
}

.pic-dialog .title {
    height: 30px;
    line-height: 30px;
    padding: 0 5px 0 5px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.pic-dialog .btn {
    margin: 0 auto;
    margin-top: 10px
}

.pic-dialog .cnt p {
    text-align: center;
    height: 50px;
    line-height: 50px
}

.pic-dialog.face .cnt p {
    text-align: left
}

.pic-dialog #f_upload {
    padding: 0 10px;
    height: 300px
}

.pic-dialog #f_upload embed {
    width: 100%;
    height: 100%
}

.pic-dialog #n_upload {
    padding: 100px 10px
}

.pic-dialog.face #n_upload {
    padding: 0
}

.pic-dialog.face #n_upload .current-face {
    margin-bottom: 20px
}

.pic-dialog #n_upload input[type="file"] {
    margin: 0 20px 0 30px;
    width: 150px
}

.pic-dialog #n_upload span {
    color: #999
}

.pic-dialog #btn_upload {
    display: none
}

#code_sample_wnd.pic-dialog .sample {
    padding: 10px 20px
}

#code_sample_wnd.pic-dialog .sample p {
    line-height: 40px
}

#code_sample_wnd.pic-dialog .sample p b {
    color: #f35c8f
}

.form-post {
    margin: 0 0 0 0;
    text-align: left;
    background: #fff
}

.form-post .content-page-topsider {
    border-top: 1px solid #ddd
}

.form-post ul {
    display: block;
    overflow: hidden;
    position: relative
}

.form-post li {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    position: relative
}

.form-post #preview, .form-post #preview_index {
    padding: 3px;
    border: 1px solid #ddd;
    position: relative;
    cursor: pointer;
    width: 160px;
    height: 100px
}

.form-post #preview_index {
    width: 120px;
    height: 160px
}

.form-post #preview_index img {
    max-width: 120px;
    height: 160px;
    margin: 0 auto;
    display: block
}

.form-post #preview.sp, .form-post #preview.cv {
    width: 128px;
    height: 128px
}

.form-post #preview.cv {
    cursor: default
}

.form-post #preview img {
    max-width: 160px;
    height: 100px;
    margin: 0 auto;
    display: block
}

.form-post #preview.sp img, .form-post #preview.cv img {
    max-width: 128px;
    height: 128px
}

.form-post #preview .mask, .form-post #preview_index .mask {
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 166px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 20px
}

.form-post #preview.sp .mask, .form-post #preview.cv .mask {
    width: 134px
}

.form-post #preview:hover .mask, .form-post #preview_index:hover .mask {
    display: block !important
}

.form-post i {
    font-style: normal
}

.form-post li .item-l {
    float: left;
    padding: 5px 10px 0 10px;
    width: 130px;
    display: block;
    text-align: right;
    line-height: 24px
}

.form-post li .item-l b {
    font-size: 14px
}

.form-post li .item-l i {
    line-height: 16px
}

.form-post li .item-l i.i {
    color: #f35c8f
}

.form-post li .item-r {
    float: left;
    padding: 20px 0 20px 16px;
    display: block;
    overflow: hidden;
    border-left: 1px solid #ddd;
    min-height: 40px
}

.form-post li .item-r.p0 {
    padding: 0
}

.form-post li .item-r input[type='file'] {
    height: 22px
}

.form-post li .item-r i.msg {
    display: block;
    line-height: 24px;
    border-radius: 5px;
    padding: 0 10px 0 10px;
    float: left;
    color: #aaa;
    margin: 3px 0 0 10px
}

.form-post li .item-r i.error a {
    color: #fff;
    text-shadow: 0 0 5px #ddd
}

.form-post li .item-r i.ok {
    color: #fff;
    background: #3c3
}

.form-post li .item-r i.error {
    color: #fff;
    background: #f35c8f;
    font-size: 12px
}

.form-post li .item-r .info {
    padding: 3px;
    color: #ccc;
    clear: both
}

.form-post #description {
    width: 460px;
    height: 110px
}

.form-post .cnt .btn {
    display: block;
    margin: 0 auto;
    width: auto !important
}

.form-post.sp li.bangumi_items {
    display: none
}

.form-post.sp input {
    float: left
}

.form-post.sp .select-type-small {
    width: 620px
}

.form-post .item-r .check {
    line-height: 50px
}

.form-post .item-r .check label {
    margin: 0 15px 0 5px
}

.form-post.filter .block {
    border-top: 1px solid #ddd;
    padding: 20px 0 20px 16px
}

.form-post.filter .block:first-child {
    border: none
}

.form-post.filter .filter-list {
    line-height: 32px
}

.form-post .video-list-wrapper {
    min-height: 220px
}

input[type="text"].error, textarea.error {
    border: 1px solid #f35c8f
}

input[type="text"].error:hover, textarea.error:hover {
    border: 1px solid #f35c8f
}

input[type="text"].error:focus, textarea.error:focus {
    border: 1px solid #f35c8f
}

.form-post .tips, .form-post .vcode-pic {
    display: inline-block;
    vertical-align: middle
}

.form-post .hidden-text {
    width: 0;
    height: 0;
    resize: none;
    padding: 0;
    margin: 0;
    border: none;
    display: none
}

.form-post .join-plan {
    text-align: center;
    padding: 20px 0
}

.form-post .join-plan label {
    margin-right: 20px
}

.form-post .join-plan input[type=checkbox] {
    vertical-align: middle;
    margin-right: 10px
}

.form-post .join-plan label span {
    vertical-align: middle;
    font-weight: bold
}

.form-post .complete-info {
    display: none;
    text-align: center;
    padding: 20px 0;
    background-color: #f9f9f9;
    border-top: 1px solid #ddd
}

.form-post .complete-info .i {
    color: #f25d8e
}

.form-post .complete-info .tip {
    margin-right: 20px;
    color: #999
}

.top-control {
    margin-top: 5px;
    position: relative;
    line-height: 31px
}

.top-control.t2 {
    background: #f4f6f8;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #ddd
}

.top-control.mb10 {
    margin-bottom: 10px
}

.top-control input[type="checkbox"] {
    margin-right: 10px;
    vertical-align: middle
}

.top-control span.s-line {
    border-left: 1px solid #ddd;
    padding: 2px 0;
    margin: 0 20px
}

.top-control .ml10 {
    margin-left: 10px
}

.top-control .mr10 {
    margin-right: 10px
}

.top-control .right {
    height: 32px;
    line-height: 32px
}

.top-control .right a {
    margin-left: 10px
}

.top-control.fix, .top-control.recommend {
    font-size: 14px
}

.top-control.fix .hint, .top-control.recommend .hint {
    line-height: 28px;
    margin-left: 96px;
    width: 1 ac 60px
}

.dm-transfer {
    background: #f4f6f8;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #ddd
}

.dm-transfer .mr10 {
    margin-right: 10px
}

.dm-transfer .ml10 {
    margin-left: 10px
}

.dm-transfer p.t {
    font-weight: bold;
    margin-bottom: 10px
}

.dm-trans-adv {
    clear: both
}

.dm-trans-adv p.t {
    margin-bottom: 10px
}

.dm-trans-adv .mr10 {
    margin-right: 10px
}

.dm-trans-adv .ml10 {
    margin-left: 10px
}

.sp-sbs-list {
    padding: 20px 5px 15px 5px;
    width: 110%
}

.sp-sbs-list li.item {
    float: left;
    border: 1px solid #ddd;
    border-radius: 4px;
    width: 216px;
    height: 56px;
    padding: 12px 12px;
    position: relative;
    margin: 0 18px 20px 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear
}

.sp-sbs-list li.item:hover {
    box-shadow: #ddd 0 0 5px
}

.sp-sbs-list li.item .preview {
    border: 1px solid #ddd;
    padding: 3px;
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px
}

.sp-sbs-list li.item .preview:hover {
    border-color: #ccc
}

.sp-sbs-list li.item .preview img {
    width: 50px;
    height: 50px
}

.sp-sbs-list li.item .t {
    word-break: break-all;
    word-wrap: break-word;
    max-height: 56px;
    line-height: 14px;
    width: 120px;
    overflow: hidden
}

.sp-sbs-list li.item .ctrl {
    position: absolute;
    width: 18px;
    height: 18px;
    right: 12px;
    top: 32px
}

.sp-sbs-list ul.menu {
    position: absolute;
    top: 50px;
    right: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 0;
    background: #fff;
    z-index: 1000
}

.sp-sbs-list ul.menu li {
    height: 22px;
    line-height: 22px;
    cursor: pointer;
    padding: 0 10px;
    margin-top: 5px
}

.sp-sbs-list ul.menu li.dyn.a {
    color: #1d7fb0
}

.sp-sbs-list ul.menu li:first-child {
    margin: 0
}

.sp-sbs-list ul.menu li:hover {
    background: #ddd
}

.ovhidden {
    overflow: hidden
}

.mr10 {
    margin-right: 10px
}

.ml10 {
    margin-left: 10px
}

.mb10 {
    margin-bottom: 10px
}

.mt10 {
    margin-top: 10px
}

.ws-pre {
    white-space: pre
}

.inline {
    display: inline-block
}

.mylist-state b {
    margin-right: 20px
}

.m_layer .btnbox {
    margin-top: 3px
}

.m_layer .btnbox .btn:first-child {
    margin-right: 15px
}

.m_layer.error .bg {
    padding: 4px 0;
    background: none
}

.m_layer.error .content {
    border-color: #f35c8f;
    border-radius: 3px;
    background: #f35c8f;
    color: #fff
}

.m_layer.error .content .mini {
    margin: 1px 10px
}

.m_layer.error .content .mini b {
    display: none
}

.m_layer.error .content .mini a {
    color: #fff
}

.m_layer.error .content .mini a:hover {
    color: #1d7fb0
}

.m_layer.loading .bg {
    padding: 4px 0;
    background: none
}

.m_layer.loading .content {
    border-color: #6dc6e4;
    border-radius: 3px;
    background: #6dc6e4;
    color: #fff
}

.m_layer.loading .content .mini {
    margin: 1px 10px
}

.m_layer.loading .content .mini b {
    display: none
}

.m_layer.finish .bg {
    padding: 4px 0;
    background: none
}

.m_layer.finish .content {
    border-color: #6dc6e4;
    border-radius: 3px;
    background: #6dc6e4;
    color: #fff
}

.m_layer.finish .content .mini {
    margin: 1px 10px
}

.m_layer.finish .content .mini b {
    display: none
}

.top-search {
    padding: 0 0 6px 0;
    border-bottom: 1px solid #ddd
}

.top-search .subtab-list {
    margin-top: 5px
}

.input-search {
    position: relative;
    float: right
}

.input-search.dyn {
    position: absolute;
    top: 7px;
    right: 12px;
    float: none
}

.input-search input {
    padding-right: 24px;
    width: 180px;
    border-radius: 20px
}

.input-search a {
    display: block;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 23px;
    height: 23px
}

.input-search a:hover {
    background-position: -34px -33px
}

.top-search span.t {
    float: left;
    font-size: 14px;
    font-weight: bolder;
    margin-top: 8px
}

.search-list {
    margin-top: 4px
}

.search-list li {
    float: left;
    padding: 5px 10px;
    text-align: center;
    cursor: pointer;
    margin-right: 10px;
    border-radius: 5px
}

#stow_filter.search-list li {
    margin-right: 1px
}

.search-list li:hover {
    background: #2b99ce;
    color: #fff
}

.search-list li.on {
    background: #2b99ce;
    color: #fff
}

#content .nomore {
    background: url(/images/member_v2/nomore.png) 50% 100% no-repeat;
    background-color: #f9f9f9;
    height: 109px;
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 2px
}

.m-loading {
    background: #fff url(/images/common/wait.gif) center center no-repeat
}

.load-error {
    background: url(/images/member_v2/load-error.png) 50% 100% no-repeat;
    height: 200px
}

.tool-tip {
    position: absolute;
    padding: 6px;
    z-index: 1000
}

.tool-tip .close {
    position: absolute;
    right: 6px;
    top: 8px;
    height: 16px;
    width: 16px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    cursor: pointer
}

.tool-tip .tip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 6px dashed #6dc6e4
}

.tool-tip.tool-tip-t .tip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.tool-tip.tool-tip-b .tip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.tool-tip.tool-tip-l .tip-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.tool-tip.tool-tip-r .tip-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.tool-tip .tip-text {
    border-radius: 2px;
    background: #6dc6e4;
    color: #fff;
    padding: 5px 10px;
    text-align: left;
    word-wrap: break-word;
    word-break: break-all;
    font-size: 12px;
    line-height: 16px;
    max-width: 150px
}

.strlen-count {
    position: absolute;
    z-index: 10000;
    background: #6dc6e4;
    color: #fff;
    padding: 5px 10px;
    text-align: left;
    font-size: 12px;
    line-height: 16px
}

.strlen-count.error {
    background: #f35c8f
}

.post-notice {
    word-break: break-all;
    word-wrap: break-word;
    line-height: 25px;
    background: #f9f9f9;
    margin: 20px;
    border: 1px solid #ddd;
    padding: 15px
}

.fix-notice {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    margin: 10px 20px;
    height: 160px
}

.fix-notice .fix-notice-bg {
    float: left;
    width: 130px;
    line-height: 160px;
    text-align: center
}

.fix-notice .fix-notice-bg:after {
    display: inline-block;
    width: 0;
    height: 100%;
    content: ".";
    vertical-align: middle;
    overflow: hidden
}

.fix-notice .fix-notice-bg .icon-circle-terebi {
    vertical-align: middle
}

.fix-notice .fix-notice-text {
    float: left;
    width: 550px
}

.fix-notice .fix-notice-text p {
    line-height: 22px
}

.loading-state {
    line-height: 16px;
    display: inline-block;
    *display: inline;
    zoom: 1
}

.loading-state:after {
    display: block;
    content: "";
    height: 0;
    clear: both;
    overflow: hidden
}

.loading-state img {
    float: left;
    margin-right: 5px
}

.loading-state b {
    float: left
}

.redactor_box {
    position: relative;
    border: 1px solid #ddd;
    overflow: visible
}

.redactor_box, .redactor_box textarea {
    background-color: #fff
}

body .redactor_air {
    position: absolute;
    border: 1px solid #ddd;
    border-bottom: none;
    z-index: 2
}

body .redactor_box_fullscreen {
    left: 0;
    position: fixed;
    overflow: hidden;
    top: 0;
    width: 100%;
    z-index: 2000
}

.redactor_box textarea {
    font-family: Menlo, Monaco, monospace, sans-serif;
    font-size: 13px;
    overflow: auto;
    resize: none;
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    z-index: 1004;
    outline: none;
    border: none;
    width: 100%
}

.redactor_editor, .redactor_editor:focus, .redactor_editor div, .redactor_editor p, .redactor_editor ul, .redactor_editor ol, .redactor_editor table, .redactor_editor dl, .redactor_editor blockquote, .redactor_editor pre, .redactor_editor h1, .redactor_editor h2, .redactor_editor h3, .redactor_editor h4, .redactor_editor h5 {
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important
}

.redactor_editor code, .redactor_editor pre {
    font-family: Menlo, Monaco, monospace, sans-serif !important
}

.redactor_editor, .redactor_editor:focus, .redactor_editor div, .redactor_editor p, .redactor_editor ul, .redactor_editor ol, .redactor_editor table, .redactor_editor dl, .redactor_editor blockquote, .redactor_editor pre {
    font-size: 15px !important;
    line-height: 1.45em !important
}

.redactor_editor, .redactor_editor:focus {
    position: relative;
    outline: none;
    box-shadow: none !important;
    padding: 15px !important;
    margin: 0 !important;
    background: none;
    background: #fff !important;
    overflow: auto;
    white-space: normal
}

.redactor_editor a {
    color: #15c !important;
    text-decoration: underline !important
}

.redactor_editor object, .redactor_editor embed, .redactor_editor video, .redactor_editor img {
    max-width: 100%
}

.redactor_editor video, .redactor_editor img {
    height: auto
}

.redactor_editor div, .redactor_editor p, .redactor_editor ul, .redactor_editor ol, .redactor_editor table, .redactor_editor dl, .redactor_editor blockquote, .redactor_editor pre {
    box-shadow: none !important;
    background: none !important;
    margin: 0 !important;
    margin-bottom: 15px !important;
    border: none
}

.redactor_editor iframe, .redactor_editor object, .redactor_editor hr {
    margin-bottom: 15px !important
}

.redactor_editor blockquote {
    margin-left: 3em !important;
    font-style: italic !important;
    color: #777
}

.redactor_editor ul, .redactor_editor ol {
    padding-left: 2em !important
}

.redactor_editor ul ul, .redactor_editor ol ol, .redactor_editor ul ol, .redactor_editor ol ul {
    border: none;
    margin: 2px !important;
    padding: 0 !important;
    padding-left: 2em !important
}

.redactor_editor dl dt {
    font-weight: bold
}

.redactor_editor dd {
    margin-left: 1em
}

.redactor_editor table {
    border-collapse: collapse;
    font-size: 1em !important
}

.redactor_editor table td {
    border: 1px solid #ddd;
    padding: 5px !important;
    vertical-align: top
}

.redactor_editor table thead td {
    border-bottom: 2px solid #000 !important;
    font-weight: bold !important
}

.redactor_editor code {
    background-color: #d8d7d7 !important
}

.redactor_editor pre {
    font-size: 90% !important;
    background: #f8f8f8 !important;
    border: 1px solid #ddd !important;
    border-radius: 3px !important;
    padding: 1em !important;
    white-space: pre;
    overflow: auto
}

.redactor_editor hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc
}

.redactor_editor h1, .redactor_editor h2, .redactor_editor h3, .redactor_editor h4, .redactor_editor h5 {
    color: #000;
    background: none;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: bold
}

.redactor_editor h1 {
    font-size: 36px !important;
    line-height: 40px !important;
    margin-bottom: 10px !important
}

.redactor_editor h2 {
    font-size: 30px !important;
    line-height: 38px !important;
    margin-bottom: 15px !important
}

.redactor_editor h3 {
    font-size: 24px !important;
    line-height: 30px !important;
    margin-bottom: 10px !important
}

.redactor_editor h4 {
    font-size: 18px !important;
    line-height: 24px !important;
    margin-bottom: 10px !important
}

.redactor_editor h5 {
    font-size: 1em !important;
    margin-bottom: 10px !important
}

.redactor_editor.redactor_editor_wym {
    background: #f6f6f6 !important;
    padding: 5px 15px !important
}

.redactor_editor_wym div, .redactor_editor_wym p, .redactor_editor_wym ul, .redactor_editor_wym ol, .redactor_editor_wym table, .redactor_editor_wym dl, .redactor_editor_wym pre, .redactor_editor_wym h1, .redactor_editor_wym h2, .redactor_editor_wym h3, .redactor_editor_wym h4, .redactor_editor_wym h5, .redactor_editor_wym blockquote {
    background-color: #fff !important;
    border: 1px solid #e4e4e4 !important;
    padding: 10px !important;
    margin: 10px 0 !important
}

.redactor_editor_wym ul, .redactor_editor_wym ol {
    padding-left: 2em !important
}

.redactor_toolbar {
    font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif !important;
    position: relative;
    left: 0;
    top: 0;
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 2px !important;
    line-height: 0 !important;
    list-style: none !important;
    font-size: 0;
    background: #f1f1f1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1f1f1), color-stop(100%, #e2e2e2));
    background: -webkit-linear-gradient(top, #f1f1f1 0, #e2e2e2 100%);
    background: linear-gradient(to bottom, #f1f1f1 0, #e2e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e2e2e2', GradientType=0);
    overflow: hidden !important;
    height: 32px !important;
    border-bottom: 1px solid #bbb
}

body .redactor_air .redactor_toolbar {
    padding-right: 2px !important
}

.redactor_toolbar li {
    float: left !important;
    margin: 0 !important;
    padding: 3px 1px;
    padding-right: 0;
    list-style: none !important;
    outline: none
}

.redactor_toolbar li.redactor_separator {
    float: left;
    height: 34px;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #f1f1f1;
    padding: 0;
    margin: 0 2px 0 3px !important
}

.redactor_toolbar li a {
    width: 25px;
    height: 25px;
    border: 1px solid transparent;
    display: block;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    zoom: 1;
    outline: none;
    text-decoration: none
}

.redactor_toolbar li.redactor_btn_right {
    float: none;
    float: right !important
}

.redactor_toolbar li a {
    display: block;
    text-indent: -9999px;
    background-image: url();
    background-repeat: no-repeat;
    background-position: 0
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .redactor_toolbar li a {
        background-image: url();
        background-size: auto 25px
    }
}

.redactor_toolbar li a:hover {
    border-color: #98a6ba;
    background-color: #dde4ef;
    outline: none
}

.redactor_toolbar li a:active, .redactor_toolbar li a.redactor_act {
    border-color: #b5b5b5;
    background-color: #ddd;
    outline: none
}

body .redactor_toolbar li a.redactor_btn_html {
    background-position: 0
}

body .redactor_toolbar li a.redactor_btn_formatting {
    background-position: -25px
}

body .redactor_toolbar li a.redactor_btn_bold {
    background-position: -50px
}

body .redactor_toolbar li a.redactor_btn_italic {
    background-position: -75px
}

body .redactor_toolbar li a.redactor_btn_deleted {
    background-position: -500px
}

body .redactor_toolbar li a.redactor_btn_unorderedlist {
    background-position: -100px
}

body .redactor_toolbar li a.redactor_btn_orderedlist {
    background-position: -125px
}

body .redactor_toolbar li a.redactor_btn_outdent {
    background-position: -150px
}

body .redactor_toolbar li a.redactor_btn_indent {
    background-position: -175px
}

body .redactor_toolbar li a.redactor_btn_image {
    background-position: -200px
}

body .redactor_toolbar li a.redactor_btn_video {
    background-position: -225px
}

body .redactor_toolbar li a.redactor_btn_file {
    background-position: -250px
}

body .redactor_toolbar li a.redactor_btn_table {
    background-position: -275px
}

body .redactor_toolbar li a.redactor_btn_link {
    background-position: -300px
}

body .redactor_toolbar li a.redactor_btn_fontcolor {
    background-position: -325px
}

body .redactor_toolbar li a.redactor_btn_backcolor {
    background-position: -350px
}

body .redactor_toolbar li a.redactor_btn_alignleft {
    background-position: -375px
}

body .redactor_toolbar li a.redactor_btn_aligncenter {
    background-position: -400px
}

body .redactor_toolbar li a.redactor_btn_alignright {
    background-position: -425px
}

body .redactor_toolbar li a.redactor_btn_justify {
    background-position: -450px
}

body .redactor_toolbar li a.redactor_btn_horizontalrule {
    background-position: -475px
}

body .redactor_toolbar li a.redactor_btn_underline {
    background-position: -525px
}

body .redactor_toolbar li a.redactor_btn_fullscreen {
    background-position: -550px
}

body .redactor_toolbar li a.redactor_btn_normalscreen {
    background-position: -575px
}

body .redactor_toolbar li a.redactor_btn_clips {
    background-position: -600px
}

body .redactor_toolbar li a.redactor_btn_alignment {
    background-position: -625px
}

.redactor_format_blockquote {
    font-style: italic;
    color: #666 !important;
    padding-left: 10px
}

.redactor_format_pre {
    font-family: monospace, sans-serif
}

.redactor_format_h1, .redactor_format_h2, .redactor_format_h3, .redactor_format_h4 {
    font-weight: bold
}

.redactor_format_h1 {
    font-size: 30px;
    line-height: 36px
}

.redactor_format_h2 {
    font-size: 24px;
    line-height: 36px
}

.redactor_format_h3 {
    font-size: 20px;
    line-height: 30px
}

.redactor_format_h4 {
    font-size: 16px;
    line-height: 26px
}

.redactor_dropdown {
    font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
    top: 28px;
    left: 0;
    z-index: 2004;
    position: absolute;
    width: 200px;
    background-color: #fff;
    border: 1px solid #ccc;
    font-size: 13px;
    box-shadow: 0 2px 4px #ccc;
    line-height: 21px;
    padding: 10px
}

.redactor_separator_drop {
    border-top: 1px solid #ddd;
    padding: 0 !important;
    line-height: 0;
    font-size: 0
}

.redactor_dropdown a {
    display: block;
    color: #000;
    padding: 3px 5px;
    text-decoration: none
}

.redactor_dropdown a:hover {
    color: #444 !important;
    text-decoration: none;
    background-color: #dde4ef
}

.redactor_color_link {
    padding: 0 !important;
    width: 15px !important;
    height: 15px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset !important;
    border-radius: 4px !important;
    float: left !important;
    border: 2px solid #fff !important;
    font-size: 0
}

.redactor_color_none {
    font-size: 11px
}

#redactor_modal_overlay {
    position: fixed;
    margin: auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: .5;
    background-color: #333 !important
}

#redactor_modal {
    background: #f7f7f7;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7f7f7), color-stop(100%, #e2e2e2));
    background: -webkit-linear-gradient(top, #f7f7f7 0, #e2e2e2 100%);
    background: linear-gradient(to bottom, #f7f7f7 0, #e2e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e2e2e2', GradientType=0);
    text-shadow: 0 1px 0 #fff;
    padding: 0;
    position: fixed;
    top: 50%;
    left: 50%;
    box-shadow: 0 5px 60px #000;
    border-radius: 3px;
    z-index: 50001;
    font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-size: 12px !important;
    color: #000
}

#redactor_modal_header {
    padding: 11px 30px 0 15px;
    font-size: 12px;
    border-radius: 3px 3px 0 0;
    font-weight: bold
}

#redactor_modal_content {
    padding: 20px 30px
}

#redactor_modal_close {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 20px;
    width: 20px;
    height: 20px;
    color: #777;
    cursor: pointer
}

#redactor_modal_close:hover {
    color: #000
}

#redactor_modal label {
    margin: 10px 0 3px 0 !important;
    padding: 0 !important;
    float: none !important;
    display: block !important
}

#redactor_modal textarea {
    margin-top: 4px;
    display: block
}

.redactor_input {
    width: 99%;
    font-size: 14px
}

.redactor_modal_box {
    height: 350px;
    overflow: auto;
    margin-bottom: 10px
}

#redactor_image_box {
    height: 270px;
    overflow: auto;
    margin-bottom: 10px
}

#redactor_image_box_select {
    display: block;
    width: 200px;
    margin-bottom: 15px
}

#redactor_image_box img {
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    max-width: 100px
}

#redactor_tabs {
    margin-bottom: 18px
}

#redactor_tabs a {
    display: inline-block;
    border: 1px solid #d2d2d2;
    padding: 4px 14px;
    font-size: 12px;
    background-color: #fff;
    text-decoration: none;
    color: #000;
    line-height: 1;
    border-radius: 10px;
    margin-right: 5px
}

#redactor_tabs a:hover, #redactor_tabs a.redactor_tabs_act {
    background-color: #ddd;
    padding: 5px 15px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
    border: none;
    text-shadow: 0 1px 0 #eee;
    color: #777 !important;
    text-decoration: none !important
}

#redactor_modal_footer {
    padding: 9px 30px 20px 30px;
    border-radius: 0 0 3px 3px;
    text-align: right
}

#redactor_modal input[type="radio"], #redactor_modal input[type="checkbox"] {
    position: relative;
    top: -1px
}

#redactor_modal input[type="text"], #redactor_modal input[type="password"], #redactor_modal input[type="email"], #redactor_modal textarea {
    position: relative;
    z-index: 2;
    font-family: Helvetica, Arial, Tahoma, sans-serif;
    height: 23px;
    border: 1px solid #ccc;
    margin: 0;
    padding: 1px 2px;
    background-color: #fff;
    color: #333;
    font-size: 13px;
    line-height: 1;
    border-radius: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: border .3s ease-in;
    transition: border .3s ease-in
}

#redactor_modal textarea {
    line-height: 1.4em
}

#redactor_modal input:focus, #redactor_modal textarea:focus {
    outline: none;
    border-color: #5ca9e4;
    box-shadow: 0 0 0 2px rgba(70, 161, 231, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset
}

.redactor_modal_btn {
    margin-left: 8px;
    position: relative;
    cursor: pointer;
    outline: none;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
    line-height: 1;
    font-size: 12px;
    font-weight: normal;
    padding: 6px 16px 5px 16px;
    border-radius: 4px;
    background-color: #f3f3f3;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e1e1e1));
    background-image: -webkit-linear-gradient(top, #fff, #e1e1e1);
    background-image: linear-gradient(top, #fff, #e1e1e1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e1e1e1', GradientType=0);
    border: 1px solid #ccc;
    border-bottom-color: #aaa;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    text-shadow: 0 1px 0 #fff;
    color: #000
}

.redactor_modal_btn:hover {
    color: #555
}

.redactor_modal_btn:hover {
    -webkit-filter: none;
    filter: none;
    background: none;
    background: #f3f3f3;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    text-decoration: none
}

.redactor_droparea {
    position: relative;
    width: 100%;
    margin: auto;
    margin-bottom: 5px
}

.redactor_droparea .redactor_dropareabox {
    z-index: 1;
    position: relative;
    text-align: center;
    width: 99%;
    background-color: #fff;
    padding: 60px 0;
    border: 2px dashed #bbb
}

.redactor_droparea .redactor_dropareabox, .redactor_dropalternative {
    color: #555;
    font-size: 12px
}

.redactor_dropalternative {
    margin: 4px 0 2px 0
}

.redactor_dropareabox.hover {
    background: #efe3b8;
    border-color: #aaa
}

.redactor_dropareabox.error {
    background: #f7e5e5;
    border-color: #dcc3c3
}

.redactor_dropareabox.drop {
    background: #f4f4ee;
    border-color: #e0e5d6
}

.id_messag {
    width: 104px;
    height: 46px;
    line-height: 46px;
    float: right
}

.id_head .head_a {
    float: left
}

.head_a .head_img {
    width: 36px;
    height: 36px;
    border-radius: 34px
}

.id_messag a {
    float: right;
    margin-right: 20px
}

.id_head {
    width: 34px;
    height: 34px;
    border: 2px solid #ddd;
    border-radius: 50%;
    float: right;
    margin-right: 18px;
    margin-top: 3px
}

.changeBtn {
    margin-right: 10px
}

.identification-warning {
    background: #f4f4f4;
    padding-bottom: 30px
}

.identification-hint {
    line-height: 44px
}

.identification-hint .identification-pointIcon {
    margin-top: 10px
}

.identification-notice {
    border: 1px solid #e5e9ef;
    border-radius: 4px;
    color: #f25d8e;
    margin-top: 20px;
    line-height: 24px;
    padding: 16px 16px 16px 49px;
    position: relative
}

.identification-notice .identification-pointIcon {
    margin-left: -33px
}

#closeMsgBtn {
    background: url('../img/icons04.png') -75px -140px;
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 8px;
    right: 8px
}

#closeMsgBtn:hover {
    background-position: -106px -140px
}

.identification-warning h1 {
    color: #00a1d6;
    font-size: 18px;
    font-weight: normal;
    margin: 5px 0 20px
}

.identification-warning p {
    font-weight: normal;
    line-height: 24px
}

.notice {
    width: 730px;
    height: 44px;
    border: 1px solid #f25d8e;
    box-sizing: border-box;
    background: #fce3eb;
    color: #f25d8e;
    line-height: 44px;
    margin: 0 auto
}

.request-list {
    float: left
}

.request-list p {
    line-height: 1.7
}

.upLoad {
    position: relative
}

.upLoad .sr-b {
    padding-top: 0
}

.identification-tip {
    margin-top: 44px
}

.identification-tip .attentionP {
    float: none;
    margin: 0 0 10px
}

.identification-tip p {
    color: #717171;
    line-height: 1.6;
    width: 100%;
    margin: 0
}

#need-phone {
    background: #fff;
    border-radius: 4px;
    color: #222;
    font-size: 14px;
    position: fixed;
    text-align: center;
    line-height: 2.4em;
    width: 340px;
    height: 75px;
    padding: 20px 40px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 100
}

#need-phone .btn-mk2 {
    line-height: 30px;
    vertical-align: middle;
    width: 80px
}

#need-phone-close {
    background: url('../img/icons04.png') -75px -140px;
    cursor: pointer;
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 15px;
    right: 15px
}

#need-phone-close:hover {
    background-position: -106px -140px
}

.d-outer .d-inner #identification-tip {
    text-align: center !important;
    font-size: 20px;
    padding-bottom: 50px !important;
    width: 450px
}

.pointIcon {
    display: block;
    width: 21px;
    height: 19px;
    background: url(../img/icons04.png) -37px -101px;
    float: left;
    margin: 10px 14px 0 15px
}

.identification-pointIcon {
    display: block;
    width: 21px;
    height: 19px;
    background: url(../img/icons04.png) -37px -101px;
    float: left;
    margin: 1px 10px 0 0
}

.infoinputBox {
    width: 425px;
    margin-bottom: 10px;
    color: #6d757a;
    line-height: 28px
}

.infoinputBox input {
    width: 222px;
    height: 26px;
    border: 1px solid #ddd;
    margin-left: 22px;
    padding-left: 10px;
    box-sizing: border-box
}

.infoinputBox i {
    display: block;
    color: #f25d8e;
    margin-left: 80px
}

.identBox {
    color: #666;
    margin-top: 20px;
    float: left
}

#phone-captcha {
    border: 1px solid #e5e9ef;
    border-radius: 4px;
    width: 125px
}

#phone-captcha:focus {
    border-color: #00a1d6
}

#get-phone-captcha {
    font-size: 12px;
    line-height: 26px;
    width: 90px;
    margin-top: 0;
    height: auto;
    overflow: visible
}

#captcha-hint {
    display: none
}

#captcha-hint.error {
    color: #e40c0c
}

#pic-request {
    margin-bottom: 10px
}

.attentionP {
    width: 100%;
    display: block;
    margin-top: 35px
}

.identification-atp {
    color: #222;
    font-weight: bold;
    margin-top: 20px
}

.attention {
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    background: url(../img/icons04.png) -7px -103px;
    margin-right: 10px;
    margin-left: 65px
}

.photoUp {
    float: left;
    margin-right: 22px
}

.idenboxLeft, .idenboxRight, .idenboxLast {
    width: 227px;
    height: 176px;
    float: left
}

.idenboxLeft {
    margin-right: 28px
}

.idenboxRight {
    margin-right: 28px
}

.identImg {
    float: left;
    margin-bottom: 20px;
    position: relative
}

.identImg #UploadBtn1, .identImg #UploadBackBtn1, .identImg #UploadLastBtn1 {
    border-radius: 12px;
    margin-bottom: 0
}

.identPumpBox {
    display: none;
    cursor: pointer
}

.identGrey, .identBlue {
    width: 100%;
    height: 130px;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    opacity: .5;
    border-radius: 10px
}

.identBlue {
    background: #00a1d7
}

.identBlueAct {
    width: 50%;
    height: 130px;
    background: #00a1d7;
    position: absolute;
    border-radius: 10px 0 0 10px;
    top: 0;
    left: 0;
    color: #fff;
    text-align: center;
    line-height: 130px;
    box-sizing: border-box
}

.identUploadText {
    position: absolute;
    top: 62px;
    left: 78px;
    color: #fff
}

.identGreyIcon {
    width: 49px;
    height: 48px;
    display: block;
    background: url(../img/icons04.png) -134px -8px;
    position: absolute;
    top: 44px;
    left: 40%
}

.identText {
    margin-top: 22px
}

.identText p {
    width: 164px;
    float: left
}

.identText p i {
    color: #aaa
}

.reup {
    float: right !important;
    width: 78px;
    height: 32px;
    display: block;
    line-height: 32px;
    text-align: center;
    border: 1px solid #ccd0d7;
    color: #717171;
    border-radius: 4px;
    margin-top: -7px;
    cursor: pointer
}

.upbuttonBox {
    height: 118px;
    width: 100%;
    float: left;
    margin-top: 50px;
    border-top: 1px solid #ddd
}

.upButton {
    width: 133px;
    height: 40px;
    border-radius: 5px;
    background: #00a1d6;
    color: #fff;
    margin: 40px auto 0;
    text-align: center;
    line-height: 40px;
    cursor: pointer
}

.upButton:hover {
    background: #00b5e5
}

.returnFalse {
    width: 100%;
    display: block;
    float: left;
    text-align: center;
    color: #f25d8e;
    margin-top: -10px
}

.identClose {
    float: right;
    height: 24px;
    width: 24px;
    display: block;
    margin: 10px 2px 0 15px;
    border-radius: 4px;
    text-align: center;
    background: url(../img/icons04.png) -69px -98px;
    cursor: pointer
}

.identClose:hover {
    background-color: #fac7d7
}

.examineImg {
    width: 385px;
    height: 189px;
    margin: 40px auto
}

.examineText {
    width: 434px;
    height: 58px;
    border: 2px solid #ddd;
    border-radius: 8px;
    font-size: 22px;
    font-weight: bold;
    color: #222;
    text-align: center;
    line-height: 58px;
    margin: 0 auto
}

.exaAttention {
    font-size: 13px;
    padding: 62px 0;
    width: 408px;
    display: block;
    margin: 0 auto;
    color: #555
}

.contact {
    display: block;
    float: right;
    margin-top: -10px;
    width: 90px;
    height: 32px;
    border: 1px solid #ddd;
    border-radius: 5px;
    line-height: 32px;
    color: #666;
    cursor: pointer;
    background-image: -webkit-linear-gradient(bottom, #f8f8f8, #fff);
    background-image: linear-gradient(to top, #f8f8f8, #fff)
}

.QQicon {
    display: block;
    width: 17px;
    height: 20px;
    background: url(../img/icons04.png) -104px -70px;
    float: left;
    margin: 5px 6px 0 8px
}

.identpass {
    margin-top: 30px
}

.identmag {
    width: 407px;
    height: 234px;
    border: 2px solid #ddd;
    border-radius: 7px;
    margin: 0 auto
}

.identmagTop {
    width: 100%;
    height: 97px;
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    color: #222;
    font-weight: bold;
    line-height: 96px
}

.identmagIcon {
    width: 66px;
    height: 66px;
    background: url(../img/biliicon.png);
    margin: 16px 20px 0 40px;
    float: left
}

.identmagBot {
    padding-top: 35px;
    border-radius: 0 0 7px 7px;
    width: 100%;
    height: 136px;
    background: #f9f9f9;
    box-sizing: border-box
}

.identmagBot span {
    width: 100%;
    display: block;
    padding-left: 48px;
    margin-bottom: 37px;
    color: #666;
    font-weight: bold
}

.identmagBot span i {
    font-weight: normal
}

.uploadify-queue {
    display: none
}

.uloadify {
    margin-top: -13px
}

.ui-widget-content {
    background: #fff !important
}

.ui-state-focus {
    background: #aaa !important;
    color: #45484d !important;
    border: 1px solid !important
}

.ui-menu .ui-menu-item {
    min-height: 18px !important
}

.se-level-bar {
    border-radius: 12px;
    display: inline-block;
    width: 240px;
    height: 12px;
    overflow: hidden;
    vertical-align: middle
}

.se-level-bar span {
    background: #f9f9f9;
    border-right: 1px solid #ccc;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
    display: block;
    float: left;
    width: 79px;
    height: 12px;
    padding: 0
}

.se-level-tip {
    display: inline-block
}

.se-level-tip .se-level {
    display: none;
    font-weight: bold;
    padding: 0 10px
}

.se-level-tip .l-1 {
    color: #e03434
}

.se-level-tip .l-2 {
    color: #ec982b
}

.se-level-tip .l-3 {
    color: #15b545
}

.se-level-warning .se-icon {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    padding: 0;
    margin: 0 5px 0 10px
}

[se-level='1'] .se-level-bar .l-1 {
    background-color: #ff6868;
    border-right: 1px solid #ce1f1f
}

[se-level='1'] .se-level-tip .l-1 {
    display: inline-block
}

[se-level='1'] .se-icon {
    background: url('../img/icons04.png') -4px 32px
}

[se-level='2'] .se-level-bar .l-1 {
    background-color: #ff6868;
    border-right: 1px solid #ce1f1f
}

[se-level='2'] .se-level-bar .l-2 {
    background-color: #ffc785;
    border-right: 1px solid #ff8a00
}

[se-level='2'] .se-level-tip .l-2 {
    display: inline-block
}

[se-level='2'] .se-icon {
    background: url('../img/icons04.png') -41px 32px
}

[se-level='3'] .se-level-bar .l-1 {
    background-color: #ff6868;
    border-right: 1px solid #ce1f1f
}

[se-level='3'] .se-level-bar .l-2 {
    background-color: #ffc785;
    border-right: 1px solid #ff8a00
}

[se-level='3'] .se-level-bar .l-3 {
    background-color: #8ee0a7
}

[se-level='3'] .se-level-tip .l-3 {
    display: inline-block
}

[se-level='3'] .se-icon {
    display: none
}

.z_top .z_top_nav {
    margin-left: -10px
}

.coin-title {
    color: #222;
    font-weight: bold;
    margin: 24px 0 20px
}

.coin-title .h {
    float: right;
    font-weight: normal
}

.coin-more {
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #555;
    display: block;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    text-align: center;
    line-height: 32px
}

.coin-more .icon {
    background: url('../img/Icons.png') -90px -272px;
    display: inline-block;
    width: 12px;
    height: 34px;
    margin-left: 5px;
    vertical-align: middle
}

.coin-more:hover {
    background-color: #ccd0d7;
    border-color: #ccd0d7;
    color: inherit
}

.coin-text {
    color: #6d757a;
    line-height: 24px
}

.coin-text .coin-i {
    background: #00a1d7;
    border-radius: 6px;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: -3px 5px 0 0;
    vertical-align: middle
}

.coin-no-log {
    color: #99a2aa;
    display: none;
    text-align: center;
    line-height: 40px;
    margin: 30px 0
}

.btn-mk2 {
    border: 1px solid #ccd0d7;
    border-radius: 4px;
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 32px;
    width: 110px;
    text-align: center;
    margin: 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.btn-mk2:hover {
    border-color: #00a1d6;
    color: #00a1d6
}

.btn-mk2.primary {
    background: #00a1d6;
    border-color: #00a1d6;
    color: #fff
}

.btn-mk2.primary:hover {
    background-color: #00b5e5
}

.btn-mk2.disabled {
    background: #e5e9ef !important;
    border-color: #e5e9ef !important;
    color: #b8c0cc !important
}

.btn-mk2.disabled:hover {
    cursor: default
}

#face-g-g {
    display: none;
    position: absolute;
    top: 16px;
    left: 16px;
    width: 168px;
    height: 168px
}

.face-g-g {
    position: absolute;
    width: 84px;
    height: 84px;
    left: 37px;
    top: 12px
}

.face-g-tab:after {
    content: "";
    display: block;
    clear: both
}

.face-g-tab li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    color: #222;
    margin-right: 14px;
    border-radius: 10px;
    cursor: pointer;
    height: 20px;
    min-width: 50px;
    padding: 0 5px;
    text-align: center;
    line-height: 20px;
    float: left
}

.face-g-tab li.current {
    background-color: #00a1d6 !important;
    color: #fff !important
}

.face-g-tab li:hover {
    color: #00a1d6
}

.face-g-list#my-g-list {
    margin-top: 20px
}

.face-g-list#my-g-list .is-none {
    background: url('../img/goupai/none1.png') top center no-repeat;
    width: 200px;
    height: 224px;
    margin: 90px auto 0;
    position: relative
}

.face-g-list#my-g-list .is-none .btn {
    position: absolute;
    bottom: 0;
    width: 112px;
    height: 34px;
    text-align: center;
    color: #fff;
    background-color: #00a1d6;
    font-size: 14px;
    line-height: 34px;
    border-radius: 4px;
    left: 50%;
    margin-left: -56px
}

.face-g-list#my-g-list .is-none .btn:hover {
    background-color: #00b5e5
}

.face-g-list#my-g-list .face-g-block {
    margin-bottom: 3px;
    border: 0;
    padding: 0
}

.face-g-list#my-g-list .face-g-block .face-g-block-title {
    margin-bottom: 10px;
    line-height: 14px;
    height: 14px
}

.face-g-list#my-g-list .face-g-block .face-g-block-title .count {
    font-size: 12px;
    font-weight: normal;
    display: inline;
    float: none
}

.face-g-list#my-g-list .face-g-block .my-mp-block {
    display: inline-block;
    padding: 15px;
    border: 1px solid #e5e9ef;
    border-radius: 4px;
    margin-bottom: 17px;
    position: relative
}

.face-g-list#my-g-list .face-g-block .my-mp-block:nth-child(even) {
    margin-right: 20px
}

.face-g-list#my-g-list .face-g-block .my-mp-block:after {
    content: " ";
    display: block;
    clear: both
}

.face-g-list#my-g-list .face-g-block .my-mp-block .mp-img, .face-g-list#my-g-list .face-g-block .my-mp-block .mp-info {
    float: left
}

.face-g-list#my-g-list .face-g-block .my-mp-block .mp-img {
    width: 60px;
    height: 60px;
    margin-right: 15px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.face-g-list#my-g-list .face-g-block .my-mp-block .mp-info {
    padding-left: 15px;
    width: 257px;
    position: relative;
    border-left: 1px solid #e5e9ef
}

.face-g-list#my-g-list .face-g-block .my-mp-block .mp-info .title {
    font-size: 16px;
    line-height: 16px;
    color: #222;
    font-weight: bold;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:  nowrap
}

.face-g-list#my-g-list .face-g-block .my-mp-block .mp-info .mp-descr {
    margin: 12px 0
}

.face-g-list#my-g-list .face-g-block .my-mp-block .mp-info .mp-descr, .face-g-list#my-g-list .face-g-block .my-mp-block .mp-info .mp-gettime {
    line-height: 12px;
    color: #99a2aa;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:  nowrap
}

.face-g-list#my-g-list .face-g-block .my-mp-block .mp-info .btn {
    position: absolute;
    right: -5px;
    top: -5px;
    width: 63px;
    height: 23px;
    border: 1px solid #00a1d6;
    line-height: 23px;
    text-align: center;
    color: #fff;
    background-color: #00a1d6;
    border-radius: 4px
}

.face-g-list#my-g-list .face-g-block .my-mp-block .mp-info .btn:hover {
    background-color: #00b5e5;
    border-color: #00b5e5
}

.face-g-list#my-g-list .face-g-block .my-mp-block .mp-info .btn-white {
    background-color: #fff !important;
    color: #00a1d6
}

.face-g-list#my-g-list .face-g-block .my-mp-block .mp-info .is-activated:after {
    content: '已装备'
}

.face-g-list#my-g-list .face-g-block .my-mp-block .mp-info .is-activated:hover:after {
    content: '卸下'
}

.face-g-list#my-g-list .face-g-block .my-mp-block .is-new {
    position: absolute;
    width: 60px;
    height: 60px;
    background: url('../img/goupai/icons_m.png') no-repeat -508px -72px;
    top: -1px;
    right: -1px
}

.face-g-list#my-g-list .face-g-block .my-mp-block:hover {
    box-shadow: 0 2px 4px #dedede
}

.face-g-list#my-g-list .face-g-block .my-mp-block:hover .title {
    color: #00a1d6
}

.face-g-list.loading {
    background: url('../img/loadTV.gif') center no-repeat;
    text-indent: -9999px;
    height: 400px;
    width: 789px
}

.face-g-list.loading * {
    display: none
}

.face-g-list.loading img {
    visibility: hidden
}

.face-g-list.empty {
    text-indent: -9999px;
    height: 400px;
    width: 789px
}

.face-g-list.empty * {
    display: none
}

.face-g-list.empty.face-g-my-pendants {
    background: url('../img/goupai/none2.png') 315px 70px no-repeat
}

.face-g-list.empty#face-g-log {
    background: url('../img/goupai/none3.png') center 70px no-repeat
}

.face-g-list.empty.face-mp-list {
    background: url('../img/goupai/none1.png') 315px 60px no-repeat
}

.face-g-list .face-g-block {
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e5e9ef
}

.face-g-list .face-g-block:last-child {
    border: 0
}

.face-g-list .face-g-block.no-border {
    border-bottom: 0
}

.face-g-list .face-g-block .face-g-block-title {
    position: relative
}

.face-g-list .face-g-block .face-g-block-title:after {
    content: "";
    display: block;
    clear: both
}

.face-g-list .face-g-block .face-g-block-title span {
    line-height: 14px;
    display: block;
    float: left
}

.face-g-list .face-g-block .face-g-block-title a.more {
    display: inline-block;
    color: #6d757a;
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #ced3db;
    background-color: #fff;
    width: 50px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 4px;
    vertical-align: middle;
    position: absolute;
    left: 84px;
    top: -4px
}

.face-g-list .face-g-block .face-g-block-title a.more:hover {
    color: #00a1d6;
    border-color: #00a1d6
}

.face-g-list .face-g-block .face-g-block-title a.more:hover .arrow {
    background-position: -90px -726px
}

.face-g-list .face-g-block .face-g-block-title a.more .arrow {
    vertical-align: middle;
    display: inline-block;
    background: url("../img/icons_m.png") -26px -726px no-repeat;
    width: 10px;
    height: 20px;
    margin-left: 2px;
    position: relative;
    top: -2px
}

.face-g-list .mp-block .left {
    margin: 15px 0;
    position: relative
}

.face-g-list .mp-block .left .mp-img {
    display: block;
    float: left;
    width: 68px;
    height: 68px;
    border: 1px solid #e5e9ef;
    border-radius: 4px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.face-g-list .mp-block .left .mp-img:hover ~ .tips {
    visibility: visible;
    opacity: 1;
    transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -ms-transition-duration: .2s
}

.face-g-list .mp-block .left .mp-info {
    float: right;
    margin: 2px 0 0 14px
}

.face-g-list .mp-block .left .mp-info .mp-title {
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    color: #222
}

.face-g-list .mp-block .left .mp-info .mp-descr {
    font-size: 12px;
    line-height: 12px;
    color: #222;
    margin: 13px 0 11px 0;
    max-width: 260px;
    overflow:  hidden;
    text-overflow:  ellipsis;
    white-space:  nowrap
}

.face-g-list .mp-block .left .mp-info label {
    font-size: 12px;
    line-height: 12px;
    color: #99a2aa
}

.face-g-list .mp-block .left .tips {
    width: 190px;
    padding: 11px 15px;
    border: 1px solid #e5e9ef;
    color: #222;
    font-size: 12px;
    line-height: 20px;
    box-shadow: 0 2px 4px #dcdcdc;
    position: absolute;
    background: #fff;
    border-radius: 4px;
    left: 84px;
    opacity: 0;
    visibility: hidden
}

.face-g-list .mp-block .right {
    margin: 15px 0;
    position: relative;
    width: 416px
}

.face-g-list .mp-block .right ul {
    float: right
}

.face-g-list .mp-block .right ul li {
    float: left;
    position: relative;
    min-width: 60px;
    height: 70px;
    margin: 0
}

.face-g-list .mp-block .right ul li.base {
    margin-left: 0;
    left: 0;
    position: absolute
}

.face-g-list .mp-block .right ul li.base .round {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 2px solid #ccd2db;
    position: absolute;
    top: 37px;
    left: 0;
    margin: -4px 0 0 0
}

.face-g-list .mp-block .right ul li.base .tips {
    position: absolute;
    bottom: 4px;
    color: #99a2aa;
    line-height: 12px
}

.face-g-list .mp-block .right ul li.base.reach:after {
    content: none
}

.face-g-list .mp-block .right ul li.base.reach .round {
    border-color: #00a1d6
}

.face-g-list .mp-block .right ul li .strip {
    width: 124px;
    height: 4px;
    position: relative;
    top: -16px;
    right: 50%;
    background-color: #ccd2db
}

.face-g-list .mp-block .right ul li:first-child .reach-tips {
    text-align: left
}

.face-g-list .mp-block .right ul li:nth-child(2) .strip {
    width: 96px
}

.face-g-list .mp-block .right ul li.reach .strip {
    background-color: #00a1d6
}

.face-g-list .mp-block .right ul li.reach .reach-tips {
    display: none
}

.face-g-list .mp-block .right ul li .icon {
    width: 32px;
    height: 32px;
    margin: 2px auto 2px auto;
    position: relative;
    z-index: 2
}

.face-g-list .mp-block .right ul li .icon img {
    max-width: 100%
}

.face-g-list .mp-block .right ul li .icon:hover + .mp-tips, .face-g-list .mp-block .right ul li .mp-tips:hover {
    visibility: visible;
    opacity: 1;
    transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -ms-transition-duration: .2s
}

.face-g-list .mp-block .right ul li p.reach-tips {
    color: #99a2aa;
    text-align: center;
    position: absolute;
    bottom: 3px;
    width: 100%;
    line-height: 12px
}

.face-g-list .mp-block .right ul li p.title {
    color: #222;
    text-align: center;
    max-width: 124px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 auto
}

.face-g-list .mp-block .right ul li.reach:after {
    content: " ";
    background: url('../img/goupai/icons_m.png') no-repeat -535px -26px;
    width: 19px;
    height: 13px;
    margin: 0 auto;
    position: absolute;
    bottom: 3px;
    left: 50%;
    margin-left: -10px
}

.face-g-list .mp-block .right ul li .mp-tips {
    width: 190px;
    padding: 11px 15px;
    border: 1px solid #e5e9ef;
    color: #222;
    font-size: 12px;
    line-height: 20px;
    box-shadow: 0 2px 4px #dcdcdc;
    position: absolute;
    background: #fff;
    border-radius: 4px;
    left: -42px;
    z-index: 9;
    top: 48px;
    opacity: 0;
    visibility: hidden
}

.face-g-list .mp-block .right ul li .mp-tips .btn {
    display: block;
    height: 24px;
    line-height: 24px;
    width: 86px;
    text-align: center;
    border-radius: 3px;
    margin: 15px auto 0;
    color: #fff;
    font-size: 12px;
    background-color: #00a1d6
}

.face-g-list .mp-block .right ul li .mp-tips .btn:hover {
    background-color: #00b5e5
}

.face-g-list .mp-block .right ul li:last-child .mp-tips {
    left: -84px
}

.face-g-list .mp-block .right ul.count1 li {
    width: 124px
}

.face-g-list .mp-block .right ul.count1 li .strip {
    width: 345px;
    position: absolute;
    top: 36px
}

.face-g-list .mp-block .right ul.count2 li {
    width: 124px
}

.face-g-list .mp-block .right ul.count2 li:nth-child(2) {
    width: 222px
}

.face-g-list .mp-block .right ul.count2 li .strip {
    width: 171px;
    position: absolute;
    top: 36px
}

.face-g-list .mp-block .right ul.count3 li:nth-child(2) {
    left: -15px
}

.face-g-list .mp-block .cl {
    clear: both
}

#face-go-all-mp {
    margin: -150px auto 50px
}

.face-g-list.empty + .face-g-go-shop {
    display: block;
    margin-top: -140px
}

.face-g-go-shop {
    display: none;
    margin: -100px auto 0
}

.face-g-preview {
    border: 1px solid #e5e9ef;
    border-radius: 100px;
    margin: 0 auto 4px;
    width: 200px;
    height: 200px;
    position: relative
}

.face-buy-g {
    position: absolute;
    top: -55px;
    left: 101px;
    width: 168px;
    height: 168px
}

.face-g-action {
    background: #fff;
    border: 1px solid #e5e9ef;
    border-radius: 27px;
    cursor: pointer;
    text-align: center;
    width: 54px;
    height: 54px;
    position: absolute!important;
    top: 78px
}

.face-g-action:hover {
    background: #00a1d6
}

.face-g-action:hover p {
    color: #fff
}

.face-g-action.disabled {
    cursor: default
}

.face-g-action.disabled p {
    color: #eee
}

.face-g-action.disabled:hover {
    background: #fff
}

.face-g-action.disabled:hover p {
    color: #eee
}

.face-g-action p {
    position: relative;
    top: 11px
}

.face-g-change {
    background-color: #00a1d6;
    border-color: #00a1d6;
    left: -27px
}

.face-g-preview p {
    color: #fff
}

.face-g-change:hover {
    background-color: #00b5e5;
    border-color: #00b5e5
}

#face-g-takedown {
    right: -27px
}

#face-g-avatar {
    border-radius: 48px;
    display: block;
    width: 96px;
    height: 96px;
    margin: 52px auto 0
}

.face-buy-current-expire-time {
    background: #f25d8e;
    border-radius: 10px;
    color: #fff;
    line-height: 20px;
    padding: 0 10px;
    position: absolute;
    top: 148px;
    left: 120px
}

.face-g-title {
    color: #000;
    font-weight: bold;
    margin-bottom: 20px
}

.face-g-title-count {
    color: #aaa;
    font-weight: normal
}

.face-g-content {
    width: 860px;
    max-height: 390px;
    overflow: hidden;
    -webkit-transition: max-height .4s ease;
    transition: max-height .4s ease
}

.face-g-content.face-mp-content {
    max-height: 335px
}

.face-g-item {
    border: 1px solid #e5e9ef;
    border-radius: 4px;
    cursor: pointer;
    float: left;
    width: 158px;
    text-align: center;
    margin-right: 50px;
    margin-bottom: 30px;
    position: relative
}

.face-g-item:hover {
    border-color: #00a1d6
}

.face-g-item:hover .face-g-item-inner {
    opacity: 1
}

.face-g-item[data-type='1'] .face-g-price .icon {
    background-position: -22px -151px
}

.face-g-item-inner {
    background: #fff;
    border: 1px solid #e9edf2;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
    position: absolute;
    top: -1px;
    left: -1px;
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    width: 158px;
    z-index: 2
}

.face-g-my-pendants {
    width: 850px
}

.face-g-my-pendants .face-g-item:hover {
    border-color: #e5e9ef
}

.face-g-use, .face-g-takedown, .face-g-xf {
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 24px;
    text-align: center;
    width: 63px;
    margin: 0 3px 20px
}

.face-g-use, .face-g-takedown {
    background: #00a1d6
}

.face-g-use:hover, .face-g-takedown:hover {
    background: #00b5e5
}

.face-g-takedown {
    display: none
}

.face-g-xf {
    background: #f25d8e
}

.face-g-xf:hover {
    background: #ff85ad
}

.face-g-more {
    background: url('../img/goupai/icons.png') -126px -216px;
    color: #00a1d6;
    cursor: pointer;
    display: none;
    float: right;
    padding-right: 15px
}

.face-g-more:hover {
    background-position: -190px -216px;
    color: #f25d8e
}

.face-g-more[collapsed='false'] {
    background-position: -126px -152px
}

.face-g-more[collapsed='false']:hover {
    background-position: -190px -152px
}

.face-g-avatar {
    border-radius: 24px;
    display: block;
    width: 48px;
    height: 48px;
    margin: 30px auto
}

.face-g-g {
    position: absolute
}

.face-g-name {
    color: #222;
    font-size: 14px;
    line-height: 2em;
    margin: -7px auto 5px;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis
}

.face-g-expire-at {
    color: #6f757a;
    line-height: 1em;
    margin-bottom: 20px
}

.face-g-price {
    color: #222;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 14px
}

.face-g-price .icon {
    background: url('../img/goupai/icons.png') -22px -87px no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px
}

.face-buy-layer {
    background: #fff;
    border-radius: 4px;
    position: fixed;
    top: 50%;
    right: 0;
    width: 370px;
    margin: -200px auto 0;
    z-index: 100;
    left: -9999px;
    opacity: 0;
    -webkit-transition: opaicty .2s ease;
    transition: opaicty .2s ease
}

.face-buy-layer.active {
    opacity: 1;
    left: 0
}

.face-buy-layer [type='0'], .face-buy-layer [type='1'] {
    display: none
}

.face-buy-layer[type='0'] span[type='0'] {
    display: inline-block
}

.face-buy-layer[type='0'] div[type='0'], .face-buy-layer[type='0'] p[type='0'] {
    display: inline-block
}

.face-buy-layer[type='1'] span[type='1'] {
    display: inline-block
}

.face-buy-layer[type='1'] div[type='1'], .face-buy-layer[type='1'] p[type='1'] {
    display: inline-block
}

.face-buy-close {
    background: url('../img/goupai/icons.png') -144px -273px;
    cursor: pointer;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 5px;
    right: 5px;
    z-index: 9
}

.face-buy-close:hover {
    background-position: -208px -273px
}

.face-buy-step {
    display: none
}

.face-buy-step.active {
    display: block
}

.face-buy-header {
    background: #e5e9ef;
    border-radius: 4px 4px 0 0;
    position: relative
}

.face-buy-avatar {
    border-radius: 48px;
    display: block;
    width: 96px;
    height: 96px;
    margin: 0 auto 20px;
    top: -20px;
    position: relative
}

.face-buy-name {
    color: #111;
    font-size: 24px;
    line-height: 1em;
    padding-bottom: 16px;
    text-align: center
}

.face-buy-body {
    padding: 0 30px
}

.face-buy-a {
    color: #999;
    font-size: 14px;
    margin: 30px 0 10px
}

.face-buy-list {
    margin-bottom: 20px;
    width: 330px
}

.face-buy-item {
    border: 1px solid #ccd0d7;
    border-radius: 4px;
    color: #99a2aa;
    cursor: pointer;
    font-size: 14px;
    float: left;
    width: 65px;
    margin-right: 14px;
    line-height: 38px;
    text-align: center
}

.face-buy-item:hover {
    border-color: #00a1d6;
    color: #00a1d6
}

.face-buy-item.active {
    background: url('../img/goupai/icons.png') -232px -132px no-repeat;
    border-color: #00a1d6;
    color: #00a1d6
}

.face-buy-price {
    border-bottom: 1px solid #dde3e9;
    color: #99a2aa;
    font-size: 14px;
    line-height: 1em;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.face-buy-price .face-buy-total-price {
    color: #f25d8e;
    font-size: 30px
}

.face-buy-coin-change {
    float: right
}

.face-buy-coin-change .icon {
    background: url('../img/goupai/icons.png') -21px -82px;
    display: inline-block;
    width: 20px;
    height: 30px;
    vertical-align: middle
}

.face-buy-arrow {
    background: url('../img/goupai/icons.png') -150px -338px;
    display: inline-block;
    height: 30px;
    width: 20px;
    vertical-align: middle
}

.face-buy-footer {
    padding: 0 0 40px;
    text-align: center
}

.face-buy-item.active .face-buy-custom-length {
    color: #00a1d6
}

.face-buy-custom-length {
    background: transparent;
    color: #99a2aa;
    cursor: pointer;
    display: none;
    font-size: 14px;
    width: 60px;
    text-align: center
}

#face-buy-success {
    background: url('../img/goupai/success.png') center 150px no-repeat
}

#face-buy-success .face-buy-body {
    padding: 40px 55px 0
}

#face-buy-fail {
    background: url('../img/goupai/ing.png') 56px 140px no-repeat
}

#face-buy-fail .face-buy-body {
    padding: 40px 40px 0
}

.face-buy-success-icon {
    background: url('../img/goupai/icons.png') -71px -7px;
    display: block;
    float: left;
    width: 50px;
    height: 50px
}

#face-buy-success-g {
    position: absolute;
    left: 105px;
    top: 135px;
    width: 160px;
    height: 180px
}

.face-buy-fail-icon {
    background: url('../img/goupai/icons.png') -71px -135px;
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    margin-left: -10px
}

#face-buy-fail .face-buy-result-title {
    margin-left: 60px
}

#face-buy-fail .face-buy-result-info {
    margin-left: 60px
}

.face-buy-result-title {
    color: #222;
    font-size: 22px;
    line-height: 1em;
    margin: 0 0 15px 70px
}

.face-buy-result-info {
    color: #99a2aa;
    font-size: 14px;
    margin-left: 70px;
    margin-bottom: 10px;
    line-height: 1em;
    white-space: nowrap
}

.face-buy-action-type {
    display: none
}

.face-buy-success-preview {
    padding: 70px 0 30px
}

.face-buy-fail-bg {
    padding: 90px 0 100px
}

#face-buy-success-avatar {
    border-radius: 48px;
    display: block;
    width: 96px;
    height: 96px;
    margin: -20px auto 30px
}

.face-buy-g-name {
    color: #00a1d6;
    display: inline-block;
    max-width: 5em;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: bottom
}

#face-buy-rmb-wait-result .face-buy-body {
    padding: 50px 0 40px;
    text-align: center
}

.face-buy-rmb-hint {
    color: #222;
    font-size: 14px;
    line-height: 24px
}

#face-g-log thead {
    border-radius: 4px;
    overflow: hidden
}

#face-g-log th, #face-g-log td {
    text-align: left;
    padding: 0 20px
}

#face-g-log th {
    background: #f6f9fa;
    border: none;
    line-height: 40px
}

#face-g-log td {
    border: solid #e5e9ef;
    border-width: 0 0 1px 0;
    line-height: 1.7em;
    padding: 28px 20px
}

.tabs-mk2 {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px
}

.tab-mk2 {
    color: #222;
    display: inline-block;
    line-height: 14px;
    padding-bottom: 12px;
    margin-right: 25px;
    position: relative;
    bottom: -1px;
    font-size: 14px;
    float: left
}

.tab-mk2:hover {
    color: #00a1d6
}

.tab-mk2.active {
    background: url('../img/goupai/arrow.png') center bottom no-repeat;
    border-bottom: 1px solid #00a1d6;
    color: #00a1d6
}

.tab-mk2.active::after {
    display: block;
    position: absolute
}

.tab-mk2.tab-mk2-r {
    color: #00a1d6;
    display: none;
    font-size: 12px;
    float: right;
    margin: 0 0 0 15px
}

.tab-mk2.tab-mk2-r:hover {
    color: #f25d8e
}

.tab-mk2 i.badge {
    display: none;
    width: 7px;
    height: 7px;
    position: absolute;
    background-color: #f25d8e;
    top: -4px;
    right: -7px;
    border-radius: 50%
}

.pager {
    text-align: center;
    padding: 20px
}

.pager > div {
    display: inline-block;
    vertical-align: top
}

.pager ul li {
    display: inline-block;
    margin: 0 5px
}

.pager ul li a, .pager ul li span {
    border: 1px solid #e5e9ef;
    border-radius: 4px;
    display: inline-block;
    font-size: 14px;
    line-height: 38px;
    padding: 0 15px
}

.pager ul li a {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.pager ul li a:hover {
    border-color: #00a1d6;
    color: #00a1d6
}

.pager ul li span {
    color: #e0e0e0
}

.pager ul li span.prev, .pager ul li span.next {
    display: none
}

.pager ul li span.current {
    background: #00a1d6;
    border-color: #00a1d6;
    color: #fff
}

.pager ul .ellipse {
    border-color: transparent;
    padding: 0 3px
}

#global-mask {
    background: #111;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    position: fixed;
    top: 0;
    left: -9999px;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    z-index: 99
}

#global-mask.active {
    opacity: 1;
    left: 0
}

#mp-mine-header {
    background: url('../img/goupai/nameplate_new.png') center no-repeat;
    height: 180px;
    margin-bottom: 20px;
    position: relative
}

#mp-mine-header.active {
    background: url('../img/goupai/nameplate_new.png') center no-repeat
}

#mp-mine-header.active .mp-mine-takedown {
    display: block
}

#mp-mine-header.active .mp-mine-preview {
    display: block
}

#mp-mine-header.active .no-mp {
    display: none
}

.mp-mine-avatar {
    border: 1px solid #e5e9ef;
    border-radius: 25px;
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50px;
    left: 117px
}

.mp-mine-takedown {
    border: 1px solid #00a1d6;
    background-color: #00a1d6;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    width: 90px;
    line-height: 32px;
    text-align: center;
    position: absolute;
    top: 91px;
    right: 130px
}

.mp-mine-takedown:hover {
    border-color: #00b5e5;
    background-color: #00b5e5;
    color: #fff
}

.u-info {
    position: absolute;
    left: 193px;
    top: 49px
}

.u-info:after {
    content: " ";
    display: block;
    clear: both
}

.u-info * {
    float: left
}

.u-info .mp-mine-preview {
    display: none;
    width: 36px;
    height: 36px;
    margin-top: -7px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.u-info .no-mp {
    width: 26px;
    height: 26px;
    background: url('../img/goupai/icons_m.png') no-repeat -531px -211px;
    position: relative;
    top: -4px
}

.u-info .u-name {
    line-height: 22px;
    color: #222
}

.u-info .level {
    background-image: url('http://static.hdslb.com/spacev2/img/level.png');
    background-repeat: no-repeat;
    background-position: 999px 999px;
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    display: block;
    margin: 0 10px
}

.u-info .level[level='0'] {
    background-position: -79px -7px
}

.u-info .level[level='1'] {
    background-position: -79px -43px
}

.u-info .level[level='2'] {
    background-position: -79px -79px
}

.u-info .level[level='3'] {
    background-position: -79px -115px
}

.u-info .level[level='4'] {
    background-position: -79px -151px
}

.u-info .level[level='5'] {
    background-position: -79px -187px
}

.u-info .level[level='6'] {
    background-position: -79px -223px
}

.u-info .level[level='7'] {
    background-position: -79px -259px
}

.u-info .level[level='8'] {
    background-position: -79px -295px
}

.u-info .level[level='9'] {
    background-position: -79px -331px
}

.face-mp-item {
    border: 1px solid #e5e9ef;
    border-radius: 4px;
    cursor: pointer;
    float: left;
    text-align: center;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    position: relative;
    width: 158px;
    height: 137px;
    margin: 0 49px 30px 0
}

.face-mp-item[have='0'][available='0'] {
    border-style: dashed;
    opacity: .4
}

.face-mp-item[have='0'][available='0']:hover {
    border-color: #00a1d6;
    border-style: solid;
    opacity: 1
}

.face-mp-item[available='1']:hover, .face-mp-item[have='1']:hover {
    border-color: #00a1d6
}

.face-mp-item[available='1'][have='0']:after {
    background: url('../img/goupai/icons.png') -263px -71px;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: -1px;
    right: -1px
}

.face-mp-item.active:after {
    background: url('../img/goupai/icons.png') -263px -7px;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: -1px;
    right: -1px
}

.face-mp-mp {
    display: inline-block;
    height: 28px;
    margin-top: 40px;
    margin-bottom: 17px
}

.face-mp-name {
    color: #222;
    font-size: 14px;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 auto
}

#face-mp-layer {
    background: #fff;
    border: 1px solid #e9edf2;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
    padding: 0 30px;
    position: fixed;
    top: 200px;
    right: 0;
    margin: 0 auto;
    width: 288px;
    z-index: 100;
    left: -9999px;
    opacity: 0;
    -webkit-transition: opaicty .2s ease;
    transition: opaicty .2s ease
}

#face-mp-layer.active {
    opacity: 1;
    left: 0
}

#face-mp-layer[have='1'] #face-mp-layer-use {
    display: inline-block
}

#face-mp-layer[have='0'][available='1'] #face-mp-layer-get {
    display: inline-block
}

#face-mp-layer[have='0'][available='0'] #face-mp-layer-zaijian {
    display: inline-block
}

.face-mp-header {
    border-bottom: 1px solid #e5e9ef;
    text-align: center
}

.face-mp-body {
    padding: 20px 0
}

.face-mp-footer {
    text-align: center;
    padding-bottom: 20px
}

.face-mp-footer .btn-mk2 {
    display: none
}

#face-mp-layer-mp {
    display: inline-block;
    margin: 24px 0;
    height: 28px
}

#face-mp-layer-status {
    background: #fff;
    color: #99a2aa;
    font-size: 14px;
    width: 80px;
    margin: 0 auto -10px;
    position: relative;
    z-index: 2
}

#face-mp-layer-name {
    color: #222;
    font-size: 14px;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 5px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

#face-mp-layer-desc {
    color: #99a2aa;
    line-height: 20px;
    word-break: break-all
}

#face-mp-layer-meta {
    line-height: 20px
}

#face-mp-layer-meta dt {
    color: #99a2aa;
    float: left
}

#face-mp-layer-meta dd {
    color: #222;
    margin-left: 3em
}

#face-mp-layer-get {
    background: #f25d8e;
    border-color: #f25d8e;
    color: #fff
}

#face-mp-layer-get:hover {
    background: #ff85ad;
    border-color: #ff85ad
}

#face-buy-mp-result-layer #face-buy-success {
    background: url('../img/goupai/success2.png') center 110px no-repeat
}

#face-buy-mp-result-layer .face-buy-success-preview {
    padding: 90px 0
}

.face-buy-mp-name {
    color: #00a1d6;
    display: inline-block;
    width: 6em;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: bottom;
    margin-left: 3px
}

#back-to-face-index {
    display: inline-block;
    margin: 55px 60px 20px
}

.face-cutoff {
    background: url('../img/goupai/icons.png') -255px -213px;
    display: none;
    vertical-align: middle;
    width: 70px;
    height: 22px
}

.home-right {
    box-sizing: border-box;
    padding: 50px 20px 0 20px;
    width: 100%
}

.home-info {
    box-sizing: border-box;
    border-bottom: 1px solid #e5e9ef;
    padding-bottom: 40px
}

.home-head {
    display: inline-block;
    vertical-align: top;
    width: 64px;
    height: 64px;
    position: relative;
    cursor: pointer
}

.home-head-mask {
    position: absolute;
    width: 64px;
    height: 64px;
    top: 1px;
    left: 1px;
    background-color: rgba(0, 0, 0, 0.66);
    font-size: 12px;
    color: #fff;
    border-radius: 64px;
    text-align: center;
    line-height: 64px;
    cursor: pointer;
    display: none
}

.home-head img {
    width: 64px;
    height: 64px;
    border-radius: 64px;
    border: 1px solid #c6cdd8
}

.home-info-right {
    display: inline-block;
    margin-left: 16px;
    width: 684px
}

.h-name {
    font-size: 18px;
    font-weight: bold;
    color: #222;
    display: inline-block;
    margin-right: 8px;
    cursor: default
}

.h-name-sex {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 28px;
    background: url(../img/icons_m.png) no-repeat;
    text-indent: -9999px;
    margin-right: 8px
}

.h-nameplate {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: -5px
}

.h-nameplate img {
    height: 36px
}

.h-level {
    position: relative;
    margin: 10px 0 0 -2px
}

.h-level-head {
    display: inline-block;
    box-sizing: border-box;
    width: 48px;
    height: 24px;
    font-weight: bold;
    font-size: 12px;
    line-height: 24px;
    color: #fff;
    background: url(../img/icons_m.png) no-repeat;
    cursor: default;
    padding-left: 10px
}

.h-level-up {
    display: inline-block;
    width: 280px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    text-indent: -9999px;
    background-color: #e5e9ef;
    margin-left: -4px;
    position: relative;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.h-level-upgo {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ff905a;
    height: 24px
}

.h-level-number {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    color: #99a2aa;
    margin-left: 8px;
    cursor: default
}

.h-level-update {
    position: absolute;
    top: 0;
    right: 90px;
    width: 70px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #ced3db;
    color: #6d757a;
    font-size: 12px
}

.h-level-update:hover {
    border: 1px solid #00a1d6;
    color: #00a1d6
}

.h-level-space {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 22px;
    line-height: 20px;
    padding: 0 10px;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #ced3db;
    color: #6d757a;
    font-size: 12px
}

.h-level-space:hover {
    border: 1px solid #00a1d6;
    color: #00a1d6
}

.h-level-space .m-arrow {
    position: absolute;
    top: 0;
    right: 0;
    vertical-align: middle;
    display: inline-block;
    background: url(../img/icons_m.png) -26px -726px no-repeat;
    width: 18px;
    height: 22px;
    margin-left: 19px
}

.h-level-tips {
    position: absolute;
    top: -1px;
    right: 200px;
    width: 150px;
    height: 26px;
    background: url(../img/icons_m.png) -256px -787px no-repeat;
    text-align: center;
    line-height: 26px;
    color: #fff;
    cursor: pointer
}

.h-level-tips:hover {
    background: url(../img/icons_m.png) -448px -787px no-repeat;
    color: #fff
}

.h-bp {
    margin-top: 15px
}

.h-bp a {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background: url(../img/icons_m.png) no-repeat
}

.h-bp span {
    display: inline-block;
    height: 20px;
    margin-right: 8px;
    vertical-align: top;
    line-height: 20px;
    font-size: 14px;
    color: #222;
    cursor: default
}

.h-level .h-level-mask {
    position: absolute;
    width: 260px;
    box-sizing: border-box;
    padding: 20px;
    top: 38px;
    left: -15px;
    z-index: 999;
    background-color: #fff;
    border: 1px solid #e5e9ef;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
    border-radius: 4px;
    font-size: 12px;
    color: #6d757a;
    line-height: 24px;
    display: none
}

.h-level-mask .h-level-maskv {
    position: absolute;
    width: 20px;
    height: 20px;
    top: -19px;
    left: 24px;
    background: url(../img/icons_m.png) -23px -850px no-repeat
}

.h-level-mask .h-m-tips {
    font-size: 18px;
    color: #222
}

.h-level-mask a {
    font-size: 12px;
    color: #00a1d6;
    float: right
}

.h-level-mask a:hover {
    color: #00b5e5
}

.h-level-all {
    display: inline-block;
    width: 330px
}

.home-reward {
    border-bottom: 1px solid #e5e9ef;
    padding: 36px 0
}

.h-reward-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../img/icons_m.png) -145px -18px no-repeat;
    margin-right: 6px;
    margin-left: 10px
}

.h-reward-info {
    font-size: 20px;
    color: #222;
    vertical-align: top;
    margin-right: 6px
}

.h-reward-tips {
    font-size: 12px;
    color: #99a2aa;
    height: 30px;
    line-height: 30px;
    vertical-align: top
}

.re-exp-block {
    display: inline-block;
    width: 186px;
    box-sizing: border-box;
    padding: 22px 0 0 0;
    position: relative
}

.re-exp-icon {
    width: 72px;
    height: 72px;
    border-radius: 72px;
    background: url(../img/icons_m.png) -252px -636px no-repeat;
    text-align: center;
    line-height: 72px;
    color: #fff;
    margin: 0 auto
}

.re-exp-info {
    font-size: 14px;
    color: #222;
    margin-top: 16px;
    width: 100%;
    text-align: center
}

.re-exp-none {
    font-size: 12px;
    color: #99a2aa;
    margin-top: 16px;
    width: 100%;
    text-align: center
}

.h-line {
    display: inline-block;
    position: absolute;
    top: 54px;
    right: 0;
    width: 1px;
    height: 74px;
    border-left: 1px solid #e5e9ef
}

.re-exp-getexp {
    width: 80px;
    height: 20px;
    border-radius: 4px;
    background-color: #8a95a8;
    color: #fff;
    text-align: center;
    line-height: 19px;
    margin: 15px auto 0
}

.home-mp {
    border-bottom: 1px solid #e5e9ef;
    padding: 36px 0 30px 0;
    position: relative
}

.h-mp-space {
    position: absolute;
    top: 38px;
    right: 0;
    width: 102px;
    height: 22px;
    line-height: 20px;
    padding: 0 10px;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #ced3db;
    color: #6d757a;
    font-size: 12px
}

.h-mp-space:hover {
    border: 1px solid #00a1d6;
    color: #00a1d6
}

.h-mp-space .m-arrow {
    position: absolute;
    top: 0;
    right: 0;
    vertical-align: middle;
    display: inline-block;
    background: url(../img/icons_m.png) -26px -726px no-repeat;
    width: 18px;
    height: 22px;
    margin-left: 19px
}

.h-content-list {
    width: 100%;
    margin-top: 10px;
    overflow: hidden;
    padding-bottom: 4px
}

.h-content-list .h-list:nth-child(even) {
    margin-right: 0
}

.h-list {
    width: 380px;
    height: 92px;
    box-sizing: border-box;
    padding: 10px;
    margin-right: 18px;
    border-radius: 4px;
    float: left;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #fff;
    margin-bottom: 10px
}

.h-list:hover {
    border: 1px solid #e5e9ef;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14)
}

.h-list-icon {
    width: 68px;
    height: 68px;
    border: 1px solid #e5e9ef;
    border-radius: 4px;
    display: inline-block;
    float: left
}

.h-list-icon img {
    max-width: 100%;
    margin: 0 auto
}

.h-list-info {
    width: 250px;
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    overflow: hidden;
    float: left
}

.h-list-name {
    width: 100%;
    font-size: 16px;
    color: #222;
    margin: 0 10px 13px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.h-list-desc, .h-list-level {
    width: 100%;
    font-size: 12px;
    line-height: 12px;
    color: #99a2aa;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.h-list-level {
    margin-top: 11px
}

.h-list-zb {
    text-indent: -9999px;
    display: inline-block;
    width: 50px;
    height: 20px;
    background: url(../img/icons_m.png) -135px -404px no-repeat
}

.h-mp-none {
    width: 228px;
    margin: 15px auto 0
}

.h-none-icon {
    width: 90px;
    height: 48px;
    background: url(../img/nodata.png) no-repeat;
    display: inline-block
}

.h-none-info {
    display: inline-block;
    font-size: 12px;
    color: #99a2aa;
    vertical-align: top
}

.h-none-msg {
    font-size: 12px;
    color: #99a2aa
}

.h-none-btn {
    display: inline-block;
    cursor: pointer;
    border-radius: 4px;
    width: 102px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    background-color: #22a1d6;
    color: #fff;
    margin: 8px 0 0 8px
}

.h-none-btn:hover {
    background-color: #00b5e5;
    color: #fff
}

.home-safe {
    padding: 36px 0 34px 0;
    position: relative
}

.h-safe-list {
    width: 360px;
    float: left;
    margin: 24px 22px 10px 0
}

.h-safe-icon {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background: url(../img/icons_m.png) no-repeat;
    display: inline-block
}

.h-safe-msg {
    margin-left: 16px;
    display: inline-block;
    vertical-align: top
}

.h-safe-title {
    font-size: 16px;
    color: #222;
    margin-bottom: 8px
}

.h-safe-desc {
    font-size: 12px;
    color: #99a2aa;
    margin-bottom: 8px
}

.h-safe-btn {
    cursor: pointer;
    border-radius: 4px;
    width: 70px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    background-color: #22a1d6;
    color: #fff;
    display: inline-block
}

.h-safe-btn:hover {
    background-color: #00b5e5;
    color: #fff
}

.h-safe-nobtn {
    cursor: default;
    border-radius: 4px;
    width: 70px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    background-color: #e5e9ef;
    color: #abb4c1;
    display: inline-block
}

.h-safe-btn:hover {
    background-color: #00b5e5
}

.h-content-safe {
    width: 100%;
    overflow: hidden
}

.h-safe-a {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    color: #00a1d6;
    margin-left: 10px
}

.h-safe-a:hover {
    color: #00b5e5
}

.dno {
    display: none
}

.mt30 {
    margin-top: 30px
}

.mt20 {
    margin-top: 20px
}

.mt10 {
    margin-top: 10px
}

.ml0 {
    margin-left: 0
}

.lh12 {
    line-height: 12px
}

.display-show {
    display: block !important
}

a {
    text-decoration: none !important;
}

::-webkit-inner-spin-button {
    visibility: hidden;
}